:root {
  --wtc-blue: #536cff;
  --wtc-blue-deep: #3146cf;
  --wtc-blue-soft: #eaf0ff;
  --wtc-atmosphere-ice: #e6efff;
  --wtc-atmosphere-lilac: #eee7ff;
  --wtc-atmosphere-blue: rgba(102, 125, 255, 0.24);
  --wtc-atmosphere-violet: rgba(184, 160, 255, 0.18);
  --wtc-atmosphere-mist: rgba(222, 233, 255, 0.7);
  --wtc-page: #fbfcff;
  --wtc-surface: #ffffff;
  --wtc-tinted: #f2f5ff;
  --wtc-ink: #151922;
  --wtc-muted: #4a5266;
  --wtc-subtle: #8a93a8;
  --wtc-divider: #dce4f6;
  --wtc-success: #1f9e6e;
  --wtc-warning: #c97a0e;
  --wtc-danger: #d93a3a;
  --wtc-blue-lift: #7e90ff;
  --wtc-font: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --wtc-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-chip: 8px;
  --radius-row: 10px;
  --radius-button: 12px;
  --radius-card: 16px;
  --radius-panel: 20px;
  --radius-pill: 999px;
  --shadow-card: 0 4px 12px -2px rgba(21, 25, 34, 0.08);
  --shadow-overlay: 0 28px 64px -20px rgba(21, 25, 34, 0.28);
  --motion-fast: 60ms;
  --motion-standard: 150ms;

  /* Existing aliases keep page-level styles compatible with the shared system. */
  --bg: var(--wtc-page);
  --bg-soft: var(--wtc-blue-soft);
  --bg-warm: #fbfcf8;
  --surface: var(--wtc-surface);
  --surface-tint: var(--wtc-tinted);
  --text: var(--wtc-ink);
  --muted: var(--wtc-muted);
  --faint: var(--wtc-divider);
  --line: var(--wtc-divider);
  --accent: var(--wtc-blue);
  --accent-strong: var(--wtc-blue-deep);
  --accent-soft: var(--wtc-blue-soft);
  --green: var(--wtc-success);
  --green-soft: #e6f6ef;
  --amber: var(--wtc-warning);
  --amber-soft: #fff2df;
  --shadow: var(--shadow-overlay);
  --shadow-soft: var(--shadow-card);
  --radius: var(--radius-card);
  --max: 1180px;
  --reading-width: 760px;
  color-scheme: light;
  font-family: var(--wtc-font);
}