:root {
  --paper: #F2EFE6;
  --panel: #FAF8F3;
  --panel-highlight: #FFFFFF;
  --ink: #1A1612;
  --ink-secondary: #6B6560;
  --seam: #DDD6CC;
  --coral: #FF5C3A;
  --coral-idle: #E8C4B8;
  --focus-ring: #5C564F;

  --radius-chip: 8px;
  --radius-control: 12px;
  --radius-panel: 16px;
  --radius-window: 22px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, sans-serif;

  --shadow-panel: 0 8px 20px rgba(26, 22, 18, 0.12);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper: #12100E;
    --panel: #1C1916;
    --panel-highlight: #2A2622;
    --ink: #F3EEE4;
    --ink-secondary: #A8A29A;
    --seam: #2E2A26;
    --coral-idle: #3F1D16;
    --focus-ring: #D4CDC3;
    --shadow-panel: 0 8px 24px rgba(0, 0, 0, 0.45);
  }
}