/* Hallmark · Hum · Bubble (guided sourdough app) · Narrative Workflow · N10 floating-on-scroll morph · hum-07
 * theme: Hum (catalog) · paper oklch(97% 0.012 95)
 * lead accent: mint oklch(80% 0.16 150) — carries the primary CTA + most surfaces
 *   + cyan (mix) · pear (prove + the character jar) · coral (the bake climax, the one high-energy moment)
 * display/body: Plus Jakarta Sans · labels: JetBrains Mono UPPERCASE
 * axes: light / rounded-sans / multi-accent
 * footer: Ft5 statement · brief: "Bubble — guided sourdough, one stage at a time."
 * v1.0.0
 */

:root, [data-theme="hum"] {
  color-scheme: light;

  /* Multi-accent palette on cream */
  --color-paper:      oklch(97% 0.012 95);
  --color-paper-2:    oklch(94% 0.016 95);
  --color-paper-3:    oklch(91% 0.020 95);
  --color-rule:       oklch(86% 0.014 90);
  --color-rule-2:     oklch(70% 0.018 85);
  --color-muted:      oklch(52% 0.014 90);
  --color-neutral:    oklch(38% 0.014 100);
  --color-ink-2:      oklch(28% 0.014 250);
  --color-ink:        oklch(20% 0.012 250);
  --color-accent:     oklch(86% 0.18 95);
  --color-accent-deep: oklch(76% 0.20 95);
  --color-accent-2:   oklch(66% 0.18 235);
  --color-accent-2-deep: oklch(56% 0.20 235);
  --color-accent-3:   oklch(68% 0.24 18);
  --color-accent-3-deep: oklch(58% 0.26 18);
  --color-mint:       oklch(80% 0.16 150);
  --color-mint-deep:  oklch(70% 0.18 150);
  --color-lavender:   oklch(74% 0.16 305);
  --color-lavender-deep: oklch(64% 0.18 305);
  --color-accent-ink: oklch(20% 0.012 250);
  --color-focus:      oklch(56% 0.20 235);

  /* Per-tile tint surfaces — very low opacity over cream */
  --tint-pear:     oklch(86% 0.18 95 / 0.16);
  --tint-cyan:     oklch(66% 0.18 235 / 0.14);
  --tint-coral:    oklch(68% 0.24 18 / 0.12);
  --tint-mint:     oklch(80% 0.16 150 / 0.18);
  --tint-lavender: oklch(74% 0.16 305 / 0.14);

  /* Type — rounded sans only */
  --font-display: "Plus Jakarta Sans", "Geist", "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-body:    "Plus Jakarta Sans", "Geist", "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-label:   "JetBrains Mono", "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-mono:    "JetBrains Mono", "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --text-xs:        0.75rem;
  --text-sm:        0.8125rem;
  --text-base:      1rem;
  --text-md:        1.0625rem;
  --text-lg:        1.25rem;
  --text-xl:        1.5rem;
  --text-2xl:       2rem;
  --text-3xl:       2.5rem;
  --text-display:   clamp(2.75rem, 5.5vw + 0.75rem, 5.25rem);
  --text-display-s: clamp(2rem, 3.25vw + 1rem, 3.25rem);

  --tracking-display: -0.025em;
  --tracking-tight:   -0.014em;
  --tracking-normal:   0;
  --tracking-label:    0.10em;
  --tracking-micro:    0.16em;

  --lh-tight:   1.05;
  --lh-snug:    1.18;
  --lh-normal:  1.55;
  --lh-relaxed: 1.7;

  --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: 6.5rem;
  --space-4xl: 10rem;

  --section-gap:      6.5rem;
  --section-head-gap: 1.75rem;

  --page-max:    78rem;
  --page-gutter: clamp(1.25rem, 4vw, 3rem);
  --measure:     60ch;

  --radius-card:  20px;
  --radius-pill:  999px;
  --radius-input: 12px;
  --rule-card:    1px;
  --shadow-card:  0 12px 32px -16px oklch(20% 0.012 250 / 0.14),
                  0 1px 2px oklch(20% 0.012 250 / 0.06);
  --shadow-card-hover: 0 24px 56px -20px oklch(20% 0.012 250 / 0.18),
                       0 2px 6px oklch(20% 0.012 250 / 0.08);

  --ease-out:     cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft:    cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-snap:    cubic-bezier(0.22, 1, 0.36, 1);
  --dur-micro:    120ms;
  --dur-short:    220ms;
  --dur-long:     420ms;
  --dur-wobble:   480ms;
  --dur-burst:    420ms;
  --dur-tick:     1200ms;
}