:root {
  /* Palette — clean modern SaaS: white base, deep blue primary, gold accent */
  --blue-900: #12263d;
  --blue-700: #1e3a5f;
  --blue-600: #2a4d7c;
  --blue-500: #3b6496;
  --blue-100: #e6eef7;
  --blue-50: #f3f7fb;

  --gold-500: #d4a017;
  --gold-600: #b3870f;
  --gold-100: #f8eed4;

  --green-600: #1f8a4c;
  --green-100: #e3f5ea;

  --ink: #1a2332;
  --slate-600: #46586c;
  --slate-500: #5b6b7e;
  --slate-300: #c3cedb;
  --slate-200: #e2e8f0;
  --slate-100: #eef2f7;
  --slate-50: #f7f9fc;
  --white: #ffffff;

  /* Typography */
  --font-display: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;

  /* Radii */
  --radius-lg: 16px;
  --radius-md: 12px;
  --radius-sm: 8px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(26, 35, 50, 0.06),
    0 1px 3px rgba(26, 35, 50, 0.08);
  --shadow-md: 0 10px 30px -12px rgba(26, 35, 50, 0.18);
  --shadow-lg: 0 30px 60px -25px rgba(30, 58, 95, 0.35);

  /* Motion */
  --dur-fast: 150ms;
  --dur-base: 300ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}