/* Hallmark · theme: studied-DNA (source: https://cockroachjantaparty.org/)
 * paper: oklch(91.5% 0.024 82) · accent: oklch(55% 0.182 38)
 * display: Syne + Instrument Serif (italic) · body: Geist · label: Geist Mono
 * category: editorial-brutalist
 */

:root {
  --color-paper:      oklch(91.5% 0.024 82);  /* Warm sandy-cream oat */
  --color-paper-2:    oklch(87.5% 0.028 80);  /* Deeper sandy oat */
  --color-paper-3:    oklch(83.0% 0.032 78);  /* Contrast panel surface */
  --color-rule:       oklch(20.0% 0.015 75);  /* Strong dark ink rule */
  --color-rule-2:     oklch(12.0% 0.012 70);  /* Thick double border ink */
  --color-muted:      oklch(45.0% 0.015 70);  /* Muted warm brown-grey */
  --color-neutral:    oklch(32.0% 0.015 70);  /* Mid neutral */
  --color-ink-2:      oklch(22.0% 0.015 75);  /* Primary body text */
  --color-ink:        oklch(15.0% 0.014 75);  /* Deepest chocolate ink */
  --color-accent:     oklch(55.0% 0.182 38);  /* Rich signal terracotta orange-red */
  --color-accent-ink: oklch(96.0% 0.015 82);  /* Crisp oat text on accent background */
  --color-focus:      oklch(55.0% 0.182 38);

  /* Fonts */
  --font-display: "Syne", "Albert Sans", ui-sans-serif, system-ui, sans-serif;
  --font-serif:   "Instrument Serif", ui-serif, Georgia, serif;
  --font-body:    "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-label:   "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
  --font-mono:    "Geist Mono", "JetBrains Mono", ui-monospace, monospace;

  /* Typography Sizing & Weights */
  --display-weight:   800; /* Heavy-weight display sans */
  --display-optical:  144;
  --display-style:    normal;
  --display-soft:     0;

  --text-xs:          0.75rem;
  --text-sm:          0.875rem;
  --text-base:        1rem;
  --text-md:          1.125rem;
  --text-lg:          1.375rem;
  --text-xl:          1.75rem;
  --text-2xl:         2.25rem;
  --text-3xl:         2.75rem;
  --text-display:     clamp(3.0rem, 6.0vw + 1.0rem, 6.5rem); /* Giant statement display */
  --text-display-s:   clamp(1.85rem, 3.0vw + 1rem, 3.25rem);

  --lh-tight:         0.95; /* Ultra-tight display line-height */
  --lh-snug:          1.12;
  --lh-normal:        1.45;
  --lh-relaxed:       1.6;

  --tracking-display: -0.04em; /* Very tight spacing for heavy type */
  --tracking-tight:   -0.02em;
  --tracking-normal:  0;
  --tracking-label:   0.14em;

  /* Spacing Scale (4pt-based) */
  --space-3xs:        0.125rem; /* 2px */
  --space-2xs:        0.25rem;  /* 4px */
  --space-xs:         0.5rem;   /* 8px */
  --space-sm:         0.75rem;  /* 12px */
  --space-md:         1rem;     /* 16px */
  --space-lg:         1.5rem;    /* 24px */
  --space-xl:         2.5rem;    /* 40px */
  --space-2xl:        4rem;      /* 64px */
  --space-3xl:        6.5rem;    /* 104px */
  --space-4xl:        10rem;     /* 160px */
  --space-5xl:        13rem;     /* 208px */

  /* Layout Boundaries */
  --section-gap:      6rem;
  --section-head-gap: 1.5rem;
  --page-max:         76rem;
  --page-gutter:      clamp(1.25rem, 4vw, 3rem);
  --measure:          60ch;
  --rule-hair:        0.5px;
  --rule-fine:        1px;

  /* Boxy styling: 0px radius matches the newspaper colophon/brutalist-editorial look */
  --radius-card:      0px;
  --radius-pill:      0px;
  --radius-input:     0px;
  --rule-card:        1px;
  --shadow-card:      4px 4px 0px 0px oklch(12.0% 0.012 70); /* Flat, hard brutalist offset shadow */

  /* Motion Easings */
  --ease-out:         cubic-bezier(0.16, 1, 0.3, 1);
  --font-style:       normal;
  --dur-micro:        120ms;
  --dur-short:        220ms;
  --dur-long:         420ms;

  /* Z-indexing layers */
  --z-base:           1;
  --z-raised:         10;
  --z-dropdown:       100;
  --z-sticky:         200;
  --z-sticky-nav:     300;
  --z-modal:          400;
  --z-toast:          500;
  --z-tooltip:        600;

  --banner-height:    72px; /* Ticker + Nav banner height combo */
}