/* SUMMIT design tokens. Every colour, font, space, radius and easing on the site comes from here. */
/* ---------- tokens ---------- */
:root {
  /* paper + ink, tinted toward the SUMMIT navy */
  --color-paper:      oklch(98.4% 0.004 250);
  --color-paper-2:    oklch(96.2% 0.008 250);
  --color-paper-3:    oklch(93.4% 0.012 252);
  --color-surface:    oklch(99.3% 0.002 250);
  --color-rule:       oklch(89% 0.012 255);
  --color-rule-strong:oklch(80% 0.018 258);
  --color-neutral:    oklch(54% 0.02 260);
  --color-muted:      oklch(43% 0.026 262);
  --color-ink:        oklch(22% 0.035 262);

  /* the dark band: SUMMIT navy, pulled toward blue so it never reads violet */
  --color-navy:       oklch(23.5% 0.058 262);
  --color-navy-2:     oklch(28% 0.062 262);
  --color-navy-3:     oklch(33% 0.06 262);
  --color-navy-rule:  oklch(38% 0.05 262);
  --color-on-navy:    oklch(96.5% 0.008 250);
  --color-on-navy-2:  oklch(83% 0.03 255);
  --color-on-navy-3:  oklch(70% 0.035 258);

  /* accents, lifted from the SUMMIT emblem */
  --color-green:      oklch(78% 0.17 130);   /* the emblem's green: marks, focus on navy */
  --color-green-ink:  oklch(47% 0.12 136);   /* green that reads on paper */
  --color-green-wash: oklch(95% 0.04 130);
  --color-sky:        oklch(74% 0.11 232);   /* the emblem's sky: data only */
  --color-sky-ink:    oklch(50% 0.12 245);
  --color-flag:       oklch(58% 0.16 40);    /* Price Sentry flag: data only */
  --color-flag-wash:  oklch(95% 0.03 50);
  --color-focus:      oklch(58% 0.16 245);
  --color-error:      oklch(52% 0.17 28);

  --grid-line:        oklch(96.5% 0.008 250 / 0.05);
  --shadow-soft:      0 1px 2px oklch(22% 0.035 262 / 0.06), 0 10px 30px -18px oklch(22% 0.035 262 / 0.28);
  --shadow-lift:      0 2px 4px oklch(12% 0.04 262 / 0.18), 0 40px 80px -30px oklch(8% 0.04 262 / 0.6);

  /* type */
  --font-display: "Newsreader", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --font-body:    "Geist", "Helvetica Neue", Arial, sans-serif;
  --font-mono:    "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --text-xs:   0.8125rem;   /* 13 */
  --text-sm:   0.9375rem;   /* 15 */
  --text-base: 1.0625rem;   /* 17 */
  --text-md:   1.25rem;     /* 20 */
  --text-lg:   clamp(1.375rem, 0.6vw + 1.2rem, 1.75rem);
  --text-xl:   clamp(1.75rem, 1.6vw + 1.25rem, 2.75rem);
  --text-display: clamp(2.6rem, 3.6vw + 1.3rem, 4.6rem);

  /* space: 4pt scale */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: clamp(4.5rem, 7vw, 7.5rem);

  --page-max: 1240px;
  --page-gutter: clamp(16px, 4vw, 48px);

  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long: 520ms;

  --z-nav: 40;
  --z-menu: 50;
}