:root {
  /* Brand palette */
  --bg: #F3F3E0;
  --navy: #183B4E;
  --blue: #27548A;
  --blue-700: #1f4777;
  --blue-persib: #0e74f1;
  --gold: #DDA853;
  --gold-old: #906d35;
  --text: #152a3b;
  --muted: #64748b;

  /* Surfaces */
  --surface: #ffffff;
  --surface-2: #f8fafc;
  --surface-3: #eef2f7;
  --border: #d1d5db;
  --border-strong: #c4cbd3;

  /* Radii & shadows */
  --radius: 16px;
  --radius-sm: 10px;
  --shadow-1: 0 8px 24px rgba(24,59,78,0.12);
  --shadow-2: 0 18px 32px rgba(24,59,78,0.18);
  --glass-bg: #1f477786;
  --glass-border: #f3f3e0;

  /* Layout */
  --container: 1160px;

  /* Spacing */
  --s1: 8px;
  --s2: 12px;
  --s3: 14px;
  --s4: 20px;
  --s5: 24px;
  --s6: 32px;

  /* Fonts */
  --font: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}