/* Hallmark · macrostructure: Marquee Hero · H1 hero knobs: word=COLD SNAP, scale=max, marquee-below=yes
 * theme: Carnival (catalog) · paper: oklch(92% 0.045 50) · accent: oklch(86% 0.18 95) + oklch(40% 0.21 25)
 * display: Big Shoulders Display 800 (width axis) · body: DM Sans · labels: JetBrains Mono all-caps
 * axes: light / display-heavy / warm
 * nav: N7 brutal-slab · footer: Ft8 marquee scroll
 * brief: "An independent record label dropping a new EP."
 * v1.0.0
 */

:root {
  color-scheme: light;

  /* — Type ---------------------------------------------------------- */
  --font-display: "Big Shoulders Display", "Druk Wide", "Anton", ui-sans-serif, sans-serif;
  --font-body:    "DM Sans", "Inter Tight", ui-sans-serif, system-ui, sans-serif;
  --font-label:   "JetBrains Mono", ui-monospace, monospace;

  /* — Type scale (Carnival runs LARGE on display) ------------------- */
  --text-xs:        0.75rem;
  --text-sm:        0.875rem;
  --text-base:      1rem;
  --text-md:        1.125rem;
  --text-lg:        1.375rem;
  --text-xl:        1.875rem;
  --text-2xl:       2.5rem;
  --text-3xl:       3.5rem;
  --text-marquee:   clamp(5rem, 16vw + 1rem, 16rem);     /* hero word */
  --text-display:   clamp(3rem, 7vw + 1rem, 7rem);
  --text-display-s: clamp(2rem, 4vw + 0.5rem, 3.5rem);

  --display-weight:  800;
  --display-width:   110;
  --display-style:   normal;

  --lh-tight:   0.85;
  --lh-snug:    1.0;
  --lh-normal:  1.4;
  --lh-relaxed: 1.55;

  --tracking-display: 0.04em;       /* tracked uppercase poster */
  --tracking-tight:   -0.01em;
  --tracking-normal:  0;
  --tracking-label:   0.18em;

  /* — Colour (Carnival palette) ------------------------------------- */
  --color-paper:      oklch(92%  0.045 50);     /* warm pink-cream */
  --color-paper-2:    oklch(88%  0.050 45);
  --color-paper-3:    oklch(82%  0.060 40);
  --color-rule:       oklch(40%  0.18  25);     /* OXBLOOD rules (decorative) */
  --color-rule-2:     oklch(18%  0.08  20);
  --color-muted:      oklch(45%  0.05  30);
  --color-neutral:    oklch(35%  0.06  25);
  --color-ink-2:      oklch(28%  0.060 25);
  --color-ink:        oklch(18%  0.080 20);     /* deep oxblood / aubergine */
  --color-accent:     oklch(86%  0.18  95);     /* mustard / sun yellow */
  --color-accent-2:   oklch(40%  0.21  25);     /* deep oxblood-red */
  --color-accent-ink: oklch(18%  0.080 20);     /* ink on yellow */
  --color-focus:      oklch(40%  0.21  25);

  /* — Spacing ------------------------------------------------------- */
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;

  --section-gap:      5rem;
  --section-head-gap: 1.25rem;

  --page-max:    78rem;
  --page-gutter: clamp(1rem, 3.5vw, 2.5rem);
  --measure:     58ch;

  --rule-hair:   0.5px;
  --rule-fine:   2px;
  --radius-card: 8px;
  --radius-pill: 999px;
  --rule-card:   2px;
  --shadow-card: 4px 4px 0 oklch(18% 0.08 20);

  /* — Motion -------------------------------------------------------- */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro:   120ms;
  --dur-short:   240ms;
  --dur-long:    440ms;
  --dur-marquee: 32s;

  --z-base:       1;
  --z-raised:     10;
  --z-sticky-nav: 300;

  --banner-height: 48px;
}