/* AwarDent — design tokens
   The system borrows from the packaging: deep blue top block,
   red Swiss cross, white/silver body and one product colour label. */
:root {
  /* brand */
  --blue: #073B91;
  --blue-600: #0A4AB3;
  --blue-ink: #041F52;
  --blue-50: #EEF3FB;
  --blue-100: #DCE6F6;
  --red: #E32629;
  --red-600: #C81E21;

  /* neutrals */
  --paper: #FFFFFF;
  --mist: #F5F7FA;
  --silver: #E9EDF2;
  --line: #E3E8F0;
  --line-strong: #CBD3DF;
  --ink: #0B1733;
  --ink-2: #3A4764;
  --ink-3: #6B7690;

  /* product label colours (used only on product surfaces) */
  --c-daily: #2F6BD8;
  --c-fresh: #1FA7B8;
  --c-sensitive: #8E2A7F;
  --c-gum: #D9485F;
  --c-probio: #F2C230;
  --c-ortho: #F08A2C;
  --c-perio: #6C3FB5;
  --c-implants: #1B55C9;
  --c-pearly: #C9CED6;
  --c-halal: #2E8B3E;
  --c-kids: #7CC242;
  --c-hyalibene: #2BA88F;
  --c-oxy: #2D5FD3;
  --c-classic: #1E73E8;
  --c-fix: #3C4A6B;
  --c-extra: #0FA3A3;
  --c-brush: #D8313A;

  /* type */
  --f-display: "Manrope", "Inter Tight", system-ui, sans-serif;
  --f-body: "Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --fs-xs: .75rem;
  --fs-sm: .875rem;
  --fs-md: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);
  --fs-h3: clamp(1.375rem, 1.1rem + 1vw, 1.875rem);
  --fs-h2: clamp(2rem, 1.3rem + 2.8vw, 3.5rem);
  --fs-h1: clamp(2.5rem, 1.4rem + 4.6vw, 5.5rem);
  --fs-mega: clamp(3rem, 1rem + 8vw, 9.5rem);

  /* space & shape */
  --gutter: clamp(16px, 4vw, 48px);
  --maxw: 1360px;
  --sec: clamp(72px, 10vw, 152px);
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;

  --ease: cubic-bezier(.2, .7, .1, 1);
  --ease-io: cubic-bezier(.65, 0, .35, 1);
  --header-h: 76px;

  color-scheme: light;
}