:root {
  --navy-900:#0D1423; --navy-800:#111B30; --navy-700:#16223D;
  --navy-600:#39435A; --navy-500:#61697B;
  --cream-50:#F7F2E9; --cream-100:#EFE7DA;
  --sand-200:#E4D8C4; --sand-300:#DCCBAF; --sand-400:#C9B695;
  --clay-500:#A8927A; --clay-600:#6E5C46;
  --gold-500:#C8A365;

  --grad-night: linear-gradient(180deg,#0D1423 0%,#16223D 26%,#324158 46%,
    #8C837E 56%,#B1A090 62%,#DCCBAF 76%,#EFE7DA 100%);

  --space-1:8px; --space-2:16px; --space-3:24px; --space-4:32px;
  --space-6:48px; --space-8:64px; --space-12:96px;
  --radius-sm:8px; --radius-md:14px; --radius-pill:999px;
  --shadow-soft:0 2px 24px rgba(22,34,61,.07);
  --ease:cubic-bezier(.22,.61,.36,1);
  --maxw:1140px;
}

@font-face {
  font-family:'Outfit'; font-weight:300; font-display:swap;
  src:url('/assets/fonts/outfit-300.woff2') format('woff2');
}
@font-face {
  font-family:'Outfit'; font-weight:500; font-display:swap;
  src:url('/assets/fonts/outfit-500.woff2') format('woff2');
}
