:root {
  /* base palette */
  --bg: #FFFFFF;
  --bg-tint: #F7F9FA;
  --bg-dark: #0B1220;
  --bg-darker: #060A12;
  --surface: #FFFFFF;
  --border: #E4E7EB;
  --border-strong: #CFD4DA;
  --ink-1: #0A0F1A;
  --ink-2: #2A323D;
  --ink-3: #5C6672;
  --ink-4: #8A93A0;
  --ink-on-dark: #F4F6F8;
  --ink-on-dark-muted: #98A1AD;
  --accent: #0D9488;
  --accent-strong: #0F766E;
  --accent-soft: rgba(13, 148, 136, 0.10);
  --accent-glow: rgba(13, 148, 136, 0.18);
  --navy: #0F2236;
  /* semantic aliases */
  --surface-page: var(--bg);
  --surface-tint: var(--bg-tint);
  --surface-card: var(--surface);
  --text-heading: var(--ink-1);
  --text-body: var(--ink-2);
  --text-muted: var(--ink-3);
  --text-faint: var(--ink-4);
  --link: var(--accent-strong);
  --error: #B45309;
}