/* Litegevity design tokens, from the design system tokens.json. Bone = light, Charcoal = dark. */
:root, [data-theme="light"] {
  --surface: #f2ede6; --surface-raised: #fbf8f4; --stone: #dcd3c7;
  --ink: #2a2826; --ink-muted: #6b645d; --line: #d9d1c6;
  --inverse: #2a2826; --on-inverse: #f2ede6;
  --action: #2a2826; --on-action: #f2ede6;
  --clay-text: #9a5134; --clay-soft: #ebd3c6; --moss: #6f7d5f;
}
[data-theme="dark"] {
  --surface: #2a2826; --surface-raised: #34312e; --stone: #4a4642;
  --ink: #f2ede6; --ink-muted: #c9c2b8; --line: #4a4642;
  --inverse: #ede7df; --on-inverse: #2a2826;
  --action: #ede7df; --on-action: #2a2826;
  --clay-text: #d08a6a; --clay-soft: #4a3328; --moss: #8e9c7e;
}
:root {
  --clay: #c77b5a; --on-clay: #1e1c1a; --focus: var(--clay); --logo-clay: #b4664a;
  --font-sans: "Inter Tight", "Helvetica Neue", Arial, sans-serif;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-6: 24px;
  --space-8: 32px; --space-12: 48px; --space-16: 64px; --space-24: 96px; --space-32: 128px;
  --radius-sm: 6px; --radius-md: 12px; --radius-lg: 20px; --radius-pill: 999px;
}
/* Type scale: display-xl 88/88 500 -0.04em (hero only); display 56/60 300 -0.03em; numeral 96/96 500 -0.04em;
   heading 32/38 500 -0.015em; subheading 24/32 400 -0.01em; body-lg 20/30; body 18/28 (minimum on screen);
   small 15/22; label 13/16 600 0.14em uppercase. */