:root,
:root[data-theme="light"] {
  color-scheme: light;

  --color-bg: #F5F0E8;
  --color-surface: #FBF8F3;
  --color-surface-muted: #EDE5DA;
  --color-text: #211816;
  --color-text-secondary: #81756D;
  --color-text-secondary-strong: #756A62;
  --color-border: #DED3C7;
  --color-brand: #711F25;
  --color-brand-pressed: #612027;
  --color-brand-soft: #E8D7D4;
  --color-brand-soft-text: var(--color-brand);
  --color-on-brand: var(--color-surface);
  --color-status-active: #59644B;
  --color-status-paused: #A69E96;
  --color-danger: #A33838;
  --color-focus: var(--color-brand);
  --color-shadow: 33 24 22;
  --shadow-subtle: 0 2px 10px rgb(var(--color-shadow) / 5%);
}

:root[data-theme="dark"] {
  color-scheme: dark;

  --color-bg: #151210;
  --color-surface: #1E1A18;
  --color-surface-muted: #29231F;
  --color-text: #F3ECE3;
  --color-text-secondary: #A89D95;
  --color-text-secondary-strong: var(--color-text-secondary);
  --color-border: #3A312C;
  --color-brand: #A64C54;
  --color-brand-pressed: #873941;
  --color-brand-soft: #382126;
  --color-brand-soft-text: #E3A7AD;
  --color-on-brand: var(--color-text);
  --color-status-active: #82906C;
  --color-status-paused: #81776F;
  --color-danger: #D36B6B;
  --color-focus: var(--color-brand);
  --color-shadow: 0 0 0;
  --shadow-subtle: 0 3px 14px rgb(var(--color-shadow) / 24%);
}

:root {
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;

  --radius-control: 0.5rem;
  --radius-chip: 999px;
  --radius-card: 0.75rem;
  --radius-surface: 1rem;
  --border-width: 1px;

  --font-display: "Iowan Old Style", "Baskerville", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  --font-functional: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-size-display: clamp(2rem, 9vw, 2.5rem);
  --font-size-section: 1.125rem;
  --font-size-body: 0.9375rem;
  --font-size-small: 0.875rem;
  --font-size-label: 0.75rem;
  --font-size-caption: 0.6875rem;
  --font-size-button: 0.9375rem;
  --line-height-display: 1.08;
  --line-height-body: 1.5;
  --letter-spacing-label: 0.09em;

  --control-height: 2.875rem;
  --control-height-compact: 2.75rem;
  --tap-target-min: 2.75rem;
  --transition-control: 150ms ease;
}