:root, [data-theme="dark"] {
  --bone: #f7f4ec; --night: #15131a;
  --surface-100: #15131a; --surface-200: #201d27;
  --ink: #f7f4ec; --ink-muted: #b5b0c0; --border-strong: #8f8a9c;
  --robe: #3b3560; --on-robe: #f7f4ec;
  --amber: #f5a623; --on-amber: #15131a; --amber-text: #f5a623;
  --teal: #3dd6c4; --on-teal: #15131a; --teal-text: #3dd6c4;
  --focus: #3dd6c4; --danger: #ff8a80;
  --shadow-sticker: 4px 4px 0 0 #f5a623;
}
[data-theme="light"] {
  --surface-100: #f7f4ec; --surface-200: #ece7da;
  --ink: #15131a; --ink-muted: #5a5566; --border-strong: #8a8374;
  --robe: #2a2540;
  --amber: #f2a413; --amber-text: #8a5300;
  --teal: #19b5a5; --teal-text: #0b6b61;
  --focus: #0b6b61; --danger: #b3261e;
  --shadow-sticker: 4px 4px 0 0 #15131a;
}
: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: 6px; --radius-md: 12px; --radius-lg: 20px; --radius-pill: 999px;
}