:root {
  --navy:       #0a0f1e;
  --navy-mid:   #0d1224;
  --ink:        #1a1f35;
  --steel:      #2a3550;
  --mid:        #5c6b8a;
  --muted:      #8e9ab5;
  --pale:       #eef1f8;
  --pale-dark:  #e2e6f0;
  --off-white:  #f8f7f4;
  --white:      #ffffff;
  --gold:       #c8a96e;
  --gold-lt:    #e8c98a;
  --gold-dk:    #a8894e;
  --gold-bg:    rgba(200,169,110,0.10);

  --font-primary: 'Montserrat', system-ui, -apple-system, sans-serif;
  --font-serif:   Georgia, 'Times New Roman', serif;

  --text-xs:    11px;
  --text-sm:    14px;
  --text-base:  16px;
  --text-md:    18px;
  --text-lg:    22px;
  --text-xl:    30px;
  --text-2xl:   40px;
  --text-3xl:   52px;
  --text-hero:  clamp(44px, 6vw, 76px);

  --sp-xs:  8px;
  --sp-sm:  16px;
  --sp-md:  32px;
  --sp-lg:  64px;
  --sp-xl:  96px;
  --sp-2xl: 140px;

  --container:      1200px;
  --container-text: 720px;
  --nav-height:     68px;

  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  14px;
  --radius-xl:  24px;

  --shadow-sm: 0 2px 8px rgba(10,15,30,0.06);
  --shadow-md: 0 6px 32px rgba(10,15,30,0.12);
  --shadow-lg: 0 12px 56px rgba(10,15,30,0.16);

  --ease:       cubic-bezier(0.4, 0, 0.2, 1);
  --transition: 0.24s var(--ease);
}