/* Hallmark · redesign v2 · macrostructure: unchanged (Long Document + Workbench + role-split landing) · nav: rounded floating slab · footer: Ft8 marquee (pool band)
 * theme: custom · vibe: "super soaker 2000s, bubbly, juicy, pool day" · paper: oklch(96% 0.025 210) · accent: oklch(68% 0.19 42)
 * display: Titan One · body: Quicksand · outlier: Space Mono · axes: light / display-heavy-rounded / warm (multi-accent, Hum register)
 * studied: no · context: owner-directed ("bubbly water, Super Soaker 2000s") · genre: playful (Hum register: multi-accent + spring CTA allowed)
 * pre-emit critique: P5 H4 E4 S5 R3 V5 · contrast: pass (40-41)
 */

:root {
  /* color — pool-water paper, deep-pool ink, soaker-orange + hydro-cyan + lime pops */
  --color-paper:      oklch(96% 0.025 210);  /* light pool aqua */
  --color-paper-2:    oklch(91% 0.045 206);  /* aqua band */
  --color-paper-3:    oklch(86% 0.060 204);
  --color-card:       oklch(98% 0.012 210);  /* near-white card float */
  --color-ink:        oklch(22% 0.060 250);  /* deep pool navy */
  --color-ink-2:      oklch(36% 0.050 248);
  --color-muted:      oklch(44% 0.040 245);
  --color-rule:       oklch(80% 0.040 210);
  --color-rule-2:     oklch(86% 0.030 210);
  --color-accent:     oklch(68% 0.19 42);    /* soaker orange */
  --color-accent-hover: oklch(72% 0.19 42);
  --color-accent-ink: oklch(22% 0.060 250);  /* navy text on orange */
  --color-splash:     oklch(75% 0.13 210);   /* hydro cyan */
  --color-splash-deep: oklch(44% 0.11 230);
  --color-lime:       oklch(80% 0.17 130);   /* pool-toy lime — stickers + small pops only */
  --color-sun:        oklch(86% 0.15 95);    /* squirt-of-lemonade yellow — badges */
  --color-pop:        oklch(63% 0.21 355);   /* flyer magenta — tiny decorative pops ONLY, never under text */
  --color-pool:       oklch(30% 0.070 245);  /* footer pool band */
  --color-focus:      oklch(55% 0.20 42);
  --color-error:      oklch(50% 0.19 25);
  --color-ok:         oklch(50% 0.13 160);
  --color-print-paper: #fff;                 /* print stylesheet only */
  --color-print-ink:   #000;                 /* print stylesheet only */

  /* type — inflated toy display, rounded friendly body, mono for codes/chains */
  --font-display: "Titan One", "Arial Rounded MT Bold", sans-serif;
  --font-body:    "Quicksand", ui-rounded, ui-sans-serif, system-ui, sans-serif;
  --font-outlier: "Space Mono", ui-monospace, monospace;

  /* scale — 1.25 major third from 16px */
  --text-xs:   0.8rem;
  --text-sm:   0.9rem;
  --text-base: 1rem;
  --text-md:   1.25rem;
  --text-lg:   1.5625rem;
  --text-xl:   1.9531rem;
  --text-2xl:  2.4414rem;
  --text-display-s: clamp(1.9rem, 3.2vw + 0.75rem, 3rem);
  --text-display:   clamp(2.4rem, 4.5vw + 1rem, 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:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  /* motion — smooth by default, one spring (primary CTA squish, Hum exception) */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-short: 120ms;
  --dur-med:   220ms;

  /* z scale */
  --z-base: 1;
  --z-raised: 10;
  --z-sticky: 200;
  --z-toast: 500;

  /* shape — everything rounded; solid cartoon offset-shadows */
  --page-gutter: clamp(1rem, 4vw, 3rem);
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --shadow-pop:   0 5px 0 0 var(--color-ink);
  --shadow-pop-sm: 0 3px 0 0 var(--color-ink);
}