:root {
  --page: #f5f7fa;
  --surface: #ffffff;
  --surface-2: #eef1f6;
  --border: #e3e8ef;
  --border-strong: #7d8aa0;
  --text: #0f1a2b;
  --text-2: #344256;
  --muted-text: #52607a;
  --navy-900: #0b1f3a;
  --navy-800: #12294a;
  --navy-700: #1b3a66;
  --on-navy: #ffffff;
  --on-navy-muted: #b8c4d6;
  --on-navy-border: rgb(255 255 255 / 14%);
  --brand: #1f5fbf;
  --brand-hover: #174a96;
  --brand-active: #123b78;
  --brand-soft: #eef4fd;
  --brand-soft-2: #dbe8fb;
  --accent: #0b6e70;
  --accent-soft: #ecf8f8;
  --accent-soft-2: #d6efef;
  --success: #117240;
  --success-bg: #e6f5ec;
  --warning: #8a5a00;
  --warning-bg: #fdf3dc;
  --danger: #b42318;
  --danger-bg: #fdecea;
  --radius: 8px;
  --radius-sm: 6px;
  --focus-ring: 2px solid var(--brand);
  --font: Inter, Arial, sans-serif;
  --max: 1280px;
  --pad: clamp(20px, 5vw, 72px);
  /* Backward-compatible aliases used by older pages; all point to the palette above. */
  --white: var(--surface);
  --ink: var(--text);
  --muted: var(--muted-text);
  --line: var(--border);
  --soft: var(--surface-2);
  --blue: var(--brand);
  --panel: var(--navy-800);
}