:root {
  --parchment: #f4e4c1;
  --parchment-dark: #e8d4a8;
  --parchment-deep: #d9c498;
  --ink: #2c1810;
  --ink-light: #5c4030;
  --ink-faint: #8a7565;
  --accent: #c61515;
  --accent-light: #a52a2a;
  --gold: #c9a227;
  --gold-dark: #9a7b1a;
  --gold-shine: #f4d976;
  --wax-deep: #6b1818;
  --wax-mid: #8b2020;
  --wax-light: #a73030;
  --wax-shine: #c24545;
  --arcane: #5b2d8e;
  --rule-color: rgba(92, 64, 48, 0.2);
  --rule-heavy: rgba(44, 24, 16, 0.25);
  --ui-bg: var(--parchment);
  --ui-bg-alt: rgba(255, 255, 255, 0.58);
  --ui-bg-elev: rgba(255, 255, 255, 0.82);
  --ui-fg: var(--ink);
  --ui-fg-muted: var(--ink-faint);
  --ui-fg-strong: var(--ink);
  --ui-border: var(--rule-color);
  --ui-border-strong: var(--rule-heavy);
  --ui-input-bg: rgba(255, 255, 255, 0.55);
  --ui-input-fg: var(--ink);
  --ui-placeholder: rgba(44, 24, 16, 0.55);
  --ui-accent: var(--gold);
  --ui-danger: var(--accent);
  --ui-success: #4a7d5a;
  --ui-warning: #f9a825;
}
[data-surface="light"] {
  --ui-bg: var(--parchment);
  --ui-bg-alt: rgba(255, 255, 255, 0.58);
  --ui-bg-elev: rgba(255, 255, 255, 0.82);
  --ui-fg: var(--ink);
  --ui-fg-muted: var(--ink-faint);
  --ui-fg-strong: var(--ink);
  --ui-border: var(--rule-color);
  --ui-border-strong: var(--rule-heavy);
  --ui-input-bg: rgba(255, 255, 255, 0.55);
  --ui-input-fg: var(--ink);
  --ui-placeholder: rgba(44, 24, 16, 0.55);
  --ui-accent: var(--gold-dark);
  --ui-danger: var(--accent);
  --ui-success: #4a7d5a;
  --ui-warning: #f9a825;
}
[data-surface="dark"] {
  --ui-bg: rgb(31, 16, 6);
  --ui-bg-alt: rgba(31, 16, 6, 0.041);
  --ui-bg-elev: rgba(0, 0, 0, 0.30);
  --ui-fg: var(--parchment-dark);
  --ui-fg-muted: #d0bb8f;
  --ui-fg-strong: var(--parchment);
  --ui-border: rgba(201, 162, 39, 0.18);
  --ui-border-strong: rgba(201, 162, 39, 0.30);
  --ui-input-bg: rgba(0, 0, 0, 0.34);
  --ui-input-fg: #f6ead1;
  --ui-placeholder: rgba(246, 234, 209, 0.82);
  --ui-accent: var(--gold);
  --ui-danger: #ef4444;
  --ui-success: #8ec47a;
  --ui-warning: #f0cd72;
}
[data-surface="dark-elevated"] {
  --ui-bg: rgba(20, 12, 8, 0.95);
  --ui-bg-alt: rgba(255, 255, 255, 0.10);
  --ui-bg-elev: rgba(0, 0, 0, 0.44);
  --ui-fg: #f3ead8;
  --ui-fg-muted: #d9c8ac;
  --ui-fg-strong: #f6ead1;
  --ui-border: rgba(215, 188, 135, 0.80);
  --ui-border-strong: rgba(244, 228, 193, 0.42);
  --ui-input-bg: rgba(0, 0, 0, 0.38);
  --ui-input-fg: #f6ead1;
  --ui-placeholder: rgba(246, 234, 209, 0.78);
  --ui-accent: var(--gold-shine);
  --ui-danger: #f87171;
  --ui-success: #9ad79f;
  --ui-warning: #f5deac;
}
.ui-text {
  color: var(--ui-fg);
}
.ui-text-muted {
  color: var(--ui-fg-muted);
}
.ui-label {
  color: var(--ui-accent);
}