:root {
  --mag-bg: #f3efe6;
  --mag-surface: #fffdf8;
  --mag-surface-subtle: #e6dfd1;
  --mag-text: #1f1d1a;
  --mag-text-secondary: #4b473f;
  --mag-text-muted: #625c52;
  --mag-border: #c8bfb1;
  --mag-border-control: #857b6c;
  --mag-action: #31473a;
  --mag-action-hover: #223126;
  --mag-on-action: #fffdf8;
  --mag-selected-bg: #e3e9e0;
  --mag-focus: #31473a;
  --mag-danger: #9d4b3f;
  --mag-success: #31473a;
  --mag-warning: #745018;
  --mag-font-display: 'Fliege Mono', ui-monospace, monospace;
  --mag-font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mag-space-1: 4px;
  --mag-space-2: 8px;
  --mag-space-3: 12px;
  --mag-space-4: 16px;
  --mag-space-5: 24px;
  --mag-space-6: 32px;
  --mag-space-7: 48px;
  --mag-space-8: 64px;
  --mag-space-9: 96px;
  --mag-radius-control: 6px;
  --mag-radius-panel: 12px;
  --mag-radius-print: 0px;
  --mag-shadow-print: 0 12px 28px rgb(31 29 26 / 10%);
  --mag-shadow-overlay: 0 16px 40px rgb(31 29 26 / 14%);
  --mag-content-width: 1280px;
  --mag-control-height: 48px;
  --mag-touch-target: 44px;
  --mag-motion-fast: 120ms;
  --mag-motion-normal: 180ms;
  --mag-ease: cubic-bezier(.2, 0, 0, 1);
  --mag-z-nav: 40;
  --mag-z-popover: 60;
  --mag-z-modal: 100;
  --mag-z-toast: 120;
  /* Legacy aliases; remove with the corresponding legacy selector. */
  --font-display: var(--mag-font-display);
  --font-body: var(--mag-font-body);
  --bg: var(--mag-bg);
  --background: var(--mag-bg);
  --admin-bg: var(--mag-bg);
  --bg-soft: var(--mag-surface-subtle);
  --surface: var(--mag-surface);
  --surface-strong: var(--mag-surface);
  --surface-muted: var(--mag-surface-subtle);
  --panel: var(--mag-surface);
  --panel-muted: var(--mag-surface-subtle);
  --panel-alt: var(--mag-surface-subtle);
  --admin-card: var(--mag-surface);
  --ink: var(--mag-text);
  --text: var(--mag-text);
  --admin-ink: var(--mag-text);
  --ink-soft: var(--mag-text-secondary);
  --muted: var(--mag-text-muted);
  --admin-muted: var(--mag-text-muted);
  --line: var(--mag-border);
  --border: var(--mag-border);
  --admin-border: var(--mag-border);
  --line-strong: var(--mag-border-control);
  --border-strong: var(--mag-border-control);
  --accent: var(--mag-action);
  --admin-accent: var(--mag-action);
  --accent-strong: var(--mag-action-hover);
  --accent-soft: var(--mag-selected-bg);
  --ring: var(--mag-selected-bg);
  --accent-warm: var(--mag-danger);
  --admin-accent-warm: var(--mag-danger);
  --success: var(--mag-success);
  --shadow-lg: none;
  --shadow-md: none;
  --shadow-sm: none;
  --admin-shadow: none;
  --radius-xl: var(--mag-radius-panel);
  --radius-lg: var(--mag-radius-panel);
  --radius-md: var(--mag-radius-panel);
  --radius-sm: var(--mag-radius-control);
  --content-width: var(--mag-content-width);
}