/* Needle Shark design system. Change shared values here; see docs/TYPOGRAPHY.md. */
:root {
  --shadow-notice: #0003;
  --backdrop: #101817a6;
  --surface-hero: #212728;
  --line-on-dark: #444a44;
  --photo-label: #53575a;
  --ink-secondary: #535a53;
  --line-input-dark: #697066;
  --placeholder: #71776f;
  --placeholder-dark: #929c90;
  --error: #a12c2c;
  --signature: #a9b1a6;
  --muted-on-dark: #aab0a9;
  --line-input: #b9bfb7;
  --lead-on-dark: #c4c9c3;
  --line-control: #cdd0cb;
  --line-strong: #cdd1c9;
  --star-empty: #d3d4d2;
  --accent-on-dark: #e48181;
  --surface-photo-home: #e8e9e8;
  --surface-selected: #e9ece5;
  --surface-card: #eceeeb;
  --surface-thumb: #edeeeb;
  --surface-photo: #eeeeec;
  --surface-disabled: #eef0eb;
  --surface-hover: #f0f1ee;
  --surface-error: #f6e8e6;
  --surface-nav: #f6f7f4f2;
  --rule-on-accent: #ffffff66;

  --font-body: Manrope, Arial, sans-serif;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-heavy: 800;
  --ink: #1b1f21;
  --paper: #f6f7f4;
  --accent: #BE3E3E;
  --muted: #636963;
  --line: #d7dad4;
  --white: #fff;
  --surface: #eceee9;
  --text-on-dark: #b9bdb6;
  --radius-control: 0;
  --radius-notice: 8px;
  --radius-notice-button: 4px;
  --focus-width: 3px;
  --rule-width: 1px;
  --line-body: 1.65;
  --line-heading: 1.15;
  --tracking-heading: -.05em;
  --text-micro: 0.625rem;
  --text-fine: 0.6875rem;
  --text-caption: 0.75rem;
  --text-compact: 0.8125rem;
  --text-small: 0.875rem;
  --text-body-compact: 0.9375rem;
  --text-body: 1rem;
  --text-card-compact: 1.0625rem;
  --text-lead: 1.125rem;
  --text-card: 1.25rem;
  --text-brand-compact: 1.3125rem;
  --text-subheading-sm: 1.375rem;
  --text-subheading: 1.4375rem;
  --text-title-sm: 1.5rem;
  --text-title: 1.5625rem;
  --text-title-lg: 1.625rem;
  --text-title-xl: 1.75rem;
  --text-heading-sm: 1.875rem;
  --text-heading: 2rem;
  --text-dialog: 2.1875rem;
  --text-heading-lg: 2.25rem;
  --text-heading-xl: 2.375rem;
  --text-wholesale-mobile: 2.4375rem;
  --text-section-sm: 2.5rem;
  --text-section: 2.625rem;
  --text-product-mobile: 2.875rem;
  --text-section-lg: 3rem;
  --text-stat-mobile: 3.125rem;
  --text-page-sm: 3.5rem;
  --text-display: 4.5rem;
  --heading-article-section: clamp(1.625rem,3vw,2.25rem);
  --heading-empty: clamp(1.75rem,3vw,2.625rem);
  --heading-legal: clamp(1.875rem,5vw,3.25rem);
  --heading-business: clamp(2rem,3.3vw,2.9375rem);
  --heading-product-section: clamp(2rem,3.4vw,2.875rem);
  --heading-section: clamp(2.125rem,3.9vw,3.5rem);
  --heading-material: clamp(2.25rem,3.8vw,3.25rem);
  --heading-wholesale: clamp(2.25rem,4.2vw,3.625rem);
  --heading-article: clamp(2.25rem,5vw,4rem);
  --heading-about: clamp(2.375rem,4.1vw,3.6875rem);
  --number-stat: clamp(2.375rem,4.4vw,4rem);
  --heading-product: clamp(2.5rem,4.2vw,4rem);
  --heading-contact: clamp(2.8125rem,5vw,4.375rem);
  --heading-catalog: clamp(3.25rem,6.5vw,5.5rem);
  --heading-display-mobile: clamp(3.5rem,18vw,4.5rem);
  --heading-blog: clamp(3.75rem,7vw,6.25rem);
  --heading-display: clamp(4rem,7vw,6.5rem);
}