/* Kalokalo — generated from tokens.json */
:root, [data-theme="dark"] {
  --bg-000: #0d0f13;
  --bg-100: #161a20;
  --bg-200: #1f242c;
  --line: #2c323b;
  --line-strong: #6e7684;
  --ink: #f3efe6;
  --ink-muted: #a39d90;
  --gold: #d4b062;
  --gold-fill: #c9a24a;
  --gold-fill-hover: #dbb662;
  --on-gold: #14110a;
  --lagoon: #5bb5ab;
  --lagoon-fill: #1d3d3a;
  --ember: #ef7a5e;
  --ember-fill: #3a1f19;
  --success: #6cc08b;
  --success-fill: #1a3324;
  --focus: #e9cf8f;
  --shadow-lift: 0 12px 32px rgba(0,0,0,0.45);
}
[data-theme="light"] {
  --bg-000: #faf7f0;
  --bg-100: #ffffff;
  --bg-200: #f1ece1;
  --line: #e3dccd;
  --line-strong: #857c6a;
  --ink: #1a1712;
  --ink-muted: #5e574b;
  --gold: #7a5d16;
  --gold-fill: #c9a24a;
  --gold-fill-hover: #b58f3a;
  --on-gold: #14110a;
  --lagoon: #1f6b65;
  --lagoon-fill: #dcefec;
  --ember: #b23c22;
  --ember-fill: #fbe5de;
  --success: #256b40;
  --success-fill: #e0f1e6;
  --focus: #6b5214;
  --shadow-lift: 0 12px 28px rgba(60,45,20,0.12);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --font-display: "Cormorant Garamond", "Times New Roman", Georgia, serif;
  --font-sans: Inter, "Helvetica Neue", Arial, system-ui, sans-serif;
}