:root {
  --luxury-blue: #162792;
  --blue-party: #3952d9;
  --gold: #c9a227;
  --san-felix: #126306;
  --forest: #268d19;
  --grassy: #7cd45b;
  --turquoise: #2ec4b6;
  --industrial-gray: #5c6670;
  --status-red: #c62828;
  --status-yellow: #f9a825;
  --status-green: #2e7d32;

  --bg: #f4f6fb;
  --surface: #ffffff;
  --text: #12151c;
  --muted: #5c6670;
  --border: #d5dae3;
  --shadow: 0 10px 30px rgba(22, 39, 146, 0.08);

  /* Component aliases (do-* / legacy) */
  --do-text: var(--text);
  --do-text-muted: var(--muted);
  --do-surface: var(--surface);
  --do-surface-muted: var(--bg);
  --do-border: var(--border);
  --do-border-active: var(--blue-party);
  --do-primary: var(--blue-party);
  --do-primary-hover: var(--luxury-blue);
  --do-primary-fg: #ffffff;
  --do-error: var(--status-red);
  --do-error-bg: rgba(198, 40, 40, 0.08);
  --do-success: var(--status-green);
  --do-success-bg: rgba(124, 212, 91, 0.18);
  --do-warning: var(--status-yellow);

  --ink: var(--text);
  --ink-soft: var(--muted);
  --paper: var(--surface);
  --line: var(--border);
  --teal: var(--blue-party);
  --teal-deep: var(--luxury-blue);
  --ok: var(--status-green);
  --err: var(--status-red);

  --font-body: "DM Sans", system-ui, sans-serif;
  --font-brand: "Source Serif 4", Georgia, serif;

  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius: var(--radius-lg);

  --content-max: 42rem;
  --content-wide: 72rem;
  --pad: clamp(1rem, 3vw, 1.5rem);
}