/* Hallmark · genre: playful · macrostructure: Marquee Hero · theme: custom (tosca teal + soft blossom pink · Baloo 2 + Inter) · nav: N1 (2 destinations) · footer: Ft5 */

:root {
  /* Color */
  --color-paper:      oklch(97% 0.015 195);
  --color-paper-2:    oklch(93% 0.035 190);
  --color-paper-3:    oklch(100% 0 0);
  --color-text:       oklch(24% 0.03 220);
  --color-text-sec:   oklch(46% 0.03 215);
  --color-accent:     oklch(66% 0.10 190);
  --color-accent-dim: oklch(66% 0.10 190 / 0.12);
  --color-accent-2:   oklch(78% 0.07 350);
  --color-accent-2-dim: oklch(78% 0.07 350 / 0.16);
  --color-focus:      oklch(66% 0.10 190);

  /* Typography */
  --font-display: 'Baloo 2', ui-rounded, system-ui, sans-serif;
  --font-body:    'Inter', ui-sans-serif, system-ui, sans-serif;

  /* Type scale */
  --text-xs:      0.75rem;
  --text-sm:      0.875rem;
  --text-base:    1rem;
  --text-lg:      1.25rem;
  --text-xl:      1.563rem;
  --text-2xl:     1.953rem;
  --text-3xl:     2.441rem;
  --text-display: clamp(2.75rem, 9vw, 4.5rem);

  /* Spacing — 4pt scale */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3.5rem;
  --space-3xl: 6rem;

  /* Motion */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.4, 0, 1, 1);
  --ease-in-out: cubic-bezier(0.87, 0, 0.13, 1);
  --dur-fast:    150ms;
  --dur-base:    300ms;
  --dur-slow:    600ms;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;
}