:root {
  /* Institutional palette */
  --brand-navy: #123b5d;
  --brand-navy-strong: #0d2c45;
  --brand-navy-soft: #e4edf4;
  --brand-slate: #5e7387;
  --brand-gold: #a8844f;
  --brand-gold-soft: #f4ede2;

  /* Interface surfaces */
  --canvas: #eef2f5;
  --canvas-soft: #f8fafb;
  --surface: #ffffff;
  --surface-2: #f4f7f9;
  --surface-3: #e9eef3;

  /* Text and separators */
  --text: #16212b;
  --text-soft: #405161;
  --muted: #607285;
  --line: #d7e0e8;
  --line-strong: #b7c5d1;

  /* Semantic tokens */
  --primary: var(--brand-navy);
  --primary-2: var(--brand-navy-strong);
  --accent: var(--brand-gold);
  --success: #1f7a55;
  --focus: #0f5e9c;

  /* Layout */
  --max: 1200px;
  --container: 1200px;
  --radius: 20px;
  --radius-sm: 14px;
  --shadow-sm: 0 10px 28px rgba(16, 42, 67, .06);
  --shadow: 0 18px 42px rgba(16, 42, 67, .10);
}