:root {
  color-scheme: light;
  --cmg-background: #f4f7fb;
  --cmg-background-raised: #f8fafc;
  --cmg-surface: #ffffff;
  --cmg-surface-muted: #eef3f8;
  --cmg-border: #dce4ee;
  --cmg-border-strong: #c5d0df;
  --cmg-text: #17243a;
  --cmg-text-secondary: #59677b;
  --cmg-text-muted: #647287;
  --cmg-primary: #2864dc;
  --cmg-primary-hover: #174fbf;
  --cmg-primary-soft: #eaf1ff;
  --cmg-classic-gold: #7a4e0f;
  --cmg-classic-gold-soft: #f8eed7;
  --cmg-success: #18794e;
  --cmg-success-soft: #e7f6ef;
  --cmg-warning: #9a6700;
  --cmg-warning-soft: #fff4d6;
  --cmg-unknown: #6b7280;
  --cmg-unknown-soft: #eef0f3;
  --cmg-historical: #7c4dba;
  --cmg-historical-soft: #f2ebfb;
  --cmg-creator-tested: #087d8b;
  --cmg-creator-tested-soft: #e2f5f7;
  --cmg-launch-verified: #18794e;
  --cmg-launch-verified-soft: #e7f6ef;
  --cmg-danger: #b42318;
  --cmg-shadow-sm: 0 1px 2px rgba(23, 36, 58, 0.05), 0 8px 24px rgba(23, 36, 58, 0.04);
  --cmg-shadow-md: 0 18px 45px rgba(23, 36, 58, 0.1);
  --cmg-radius-sm: 0.5rem;
  --cmg-radius: 0.75rem;
  --cmg-radius-lg: 1rem;
  --cmg-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --cmg-shell: 80rem;

  /* Compatibility tokens used by the original static templates. */
  --ink: var(--cmg-text);
  --ink-soft: var(--cmg-text-secondary);
  --night: #17243a;
  --night-2: #1f304a;
  --night-3: #2a3d59;
  --paper: var(--cmg-surface);
  --paper-deep: var(--cmg-surface-muted);
  --paper-line: var(--cmg-border);
  --gold: var(--cmg-classic-gold);
  --gold-bright: #d5ad5d;
  --sage: var(--cmg-success);
  --sage-bright: #66b493;
  --rust: #b45d3c;
  --blue: var(--cmg-primary);
  --white: #ffffff;
  --muted: var(--cmg-text-muted);
  --line-dark: rgba(255, 255, 255, 0.14);
  --shadow: var(--cmg-shadow-md);
  --radius: var(--cmg-radius);
  --font-body: var(--cmg-font);
  --font-display: var(--cmg-font);
  --shell: var(--cmg-shell);
}