:root {
  /* Fonts */
  --font-display: "Space Grotesk", "Inter", sans-serif;
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;

  /* Deep navy / royal blue */
  --navy-950: #050b18;
  --navy-900: #0a1428;
  --navy-800: #0f1f3d;
  --navy-700: #152a52;
  --royal-600: #1d3f8f;
  --royal-500: #2a52b8;
  --royal-400: #3f68d1;

  /* Platinum / silver */
  --platinum-50: #fbfaf8;
  --platinum-100: #f5f4f0;
  --platinum-200: #eae8e1;
  --platinum-300: #d9d6cc;
  --silver-400: #b8bcc4;
  --silver-500: #9196a1;

  /* Gold */
  --gold-300: #ecd48a;
  --gold-400: #dbb75c;
  --gold-500: #c7a135;
  --gold-600: #a7822a;
  --gold-700: #80611e;

  /* Ink */
  --ink-900: #11141a;
  --ink-700: #30343d;

  --background: var(--platinum-50);
  --foreground: var(--ink-900);

  /* Layout */
  --container-max: 84rem;
  --header-height: 5rem;
  --ease-premium: cubic-bezier(0.22, 1, 0.36, 1);
}