/* Hang András — generated from tokens.json (Hang András design system) */
:root, [data-theme="light"] {
  color-scheme: light;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 144px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-xl: 36px;
  --radius-pill: 999px;
  --dur-fast: 150ms;
  --dur-base: 320ms;
  --dur-slow: 600ms;
  --dur-reveal: 900ms;
  --dur-breathe: 14000ms;
  --ease-soft: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out-expo: 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);
  --font-display: "Instrument Serif", "Iowan Old Style", Georgia, serif;
  --font-sans: "Manrope", "Segoe UI", system-ui, sans-serif;
  --canvas: #f6f2ea;
  --surface: #fffdf8;
  --surface-sunken: #ece5d8;
  --sage-soft: #dce8df;
  --clay-soft: #f4dccd;
  --ink: #14282a;
  --ink-muted: #4a5f60;
  --primary: #1d5a58;
  --primary-strong: #134240;
  --on-primary: #f6f2ea;
  --sage: #a8c3b2;
  --clay: #b4491f;
  --clay-strong: #933a14;
  --on-clay: #fffdf8;
  --deep: #11302f;
  --on-deep: #f1efe6;
  --deep-muted: #b4c7c2;
  --ember: #f4a27d;
  --line: rgba(20,40,42,0.14);
  --line-strong: #6f8283;
  --focus-ring: var(--primary);
  --glass: rgba(255,253,248,0.66);
  --success: #1f6b4a;
  --warning: #8a5a00;
  --danger: #a3321f;
  --shadow-soft: 0 1px 2px rgba(20,40,42,0.06), 0 8px 24px rgba(20,40,42,0.08);
  --shadow-lift: 0 2px 4px rgba(20,40,42,0.06), 0 24px 48px rgba(20,40,42,0.14);
  --shadow-glow: 0 0 0 4px rgba(29,90,88,0.16);
}
[data-theme="dark"] {
  color-scheme: dark;
  --canvas: #0e1818;
  --surface: #152323;
  --surface-sunken: #0a1212;
  --sage-soft: #1a2d2b;
  --clay-soft: #3a2118;
  --ink: #eef1ea;
  --ink-muted: #a9b9b6;
  --primary: #7fcdc0;
  --primary-strong: #a2e0d5;
  --on-primary: #0a1212;
  --sage: #3d6154;
  --clay: #f08a5d;
  --clay-strong: #f6a47f;
  --on-clay: #1a0f0a;
  --deep: #08100f;
  --on-deep: #eef1ea;
  --deep-muted: #a9b9b6;
  --ember: #f4a27d;
  --line: rgba(238,241,234,0.14);
  --line-strong: #6f8885;
  --focus-ring: var(--primary);
  --glass: rgba(21,35,35,0.62);
  --success: #7fd3a8;
  --warning: #f0c15a;
  --danger: #ff9b88;
  --shadow-soft: 0 1px 2px rgba(0,0,0,0.4), 0 8px 24px rgba(0,0,0,0.35);
  --shadow-lift: 0 2px 4px rgba(0,0,0,0.5), 0 24px 48px rgba(0,0,0,0.5);
  --shadow-glow: 0 0 0 4px rgba(127,205,192,0.2);
}