/* Canonical Modern Academia v1.0 (preserves v0.5 names) semantic palette and motion tokens. */
:root {
  color-scheme: light;
  --color-canvas: #f7f6f2;
  --color-surface: #ffffff;
  --color-surface-muted: #f0f3ef;
  --color-surface-raised: #ffffff;
  --color-text-primary: #203b48;
  --color-text-secondary: #536b69;
  --color-border: #dce4de;
  --color-control-border: #70847d;
  --color-accent: #24666b;
  --color-accent-soft: #e6efeb;
  --color-action: #203b48;
  --color-on-action: #ffffff;
  --color-focus: #24666b;
  --color-success: #236449;
  --color-success-surface: #e7f2eb;
  --color-warning: #765318;
  --color-warning-surface: #f7efd8;
  --color-danger: #8f3636;
  --color-on-danger: #ffffff;
  --color-danger-surface: #f8e9e7;
  --color-info: #315d76;
  --color-info-surface: #e8f0f5;
  --shadow-soft: 0 8px 26px rgb(32 59 72 / 0.07);
  --radius-control: 0.625rem;
  --radius-card: 0.875rem;
  --radius-panel: 1.25rem;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --color-surface-inset: var(--color-surface-muted);
  --color-overlay: rgb(0 0 0 / .45);
  --color-disabled: var(--color-text-secondary);
  --motion-fast: 140ms;
  --motion-standard: 200ms;
  --motion-route: 240ms;
  --ease-quiet: cubic-bezier(0.2, 0.7, 0.2, 1);
}

:root[data-theme="dark"], [data-theme="dark"] {
  color-scheme: dark;
  --color-canvas: #121b20;
  --color-surface: #1b292f;
  --color-surface-muted: #25363b;
  --color-surface-raised: #203138;
  --color-text-primary: #edf2ee;
  --color-text-secondary: #b7c7c1;
  --color-border: #3a4d50;
  --color-control-border: #718587;
  --color-accent: #96d1c9;
  --color-accent-soft: #254640;
  --color-action: #c8e5db;
  --color-on-action: #17312e;
  --color-focus: #96d1c9;
  --color-success: #a4d8b7;
  --color-success-surface: #1f3a30;
  --color-warning: #e9c97f;
  --color-warning-surface: #3b3322;
  --color-danger: #f0a5a0;
  --color-on-danger: #17312e;
  --color-danger-surface: #402a2b;
  --color-info: #a7cde0;
  --color-info-surface: #243844;
  --shadow-soft: 0 12px 32px rgb(0 0 0 / 0.2);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    color-scheme: dark;
    --color-canvas: #121b20;
    --color-surface: #1b292f;
    --color-surface-muted: #25363b;
    --color-surface-raised: #203138;
    --color-text-primary: #edf2ee;
    --color-text-secondary: #b7c7c1;
    --color-border: #3a4d50;
    --color-control-border: #718587;
    --color-accent: #96d1c9;
    --color-accent-soft: #254640;
    --color-action: #c8e5db;
    --color-on-action: #17312e;
    --color-focus: #96d1c9;
    --color-success: #a4d8b7;
    --color-success-surface: #1f3a30;
    --color-warning: #e9c97f;
    --color-warning-surface: #3b3322;
    --color-danger: #f0a5a0;
    --color-on-danger: #17312e;
    --color-danger-surface: #402a2b;
    --color-info: #a7cde0;
    --color-info-surface: #243844;
    --shadow-soft: 0 12px 32px rgb(0 0 0 / 0.2);
  }
}