/* ═══════════════════════════════════════════════════════════════
   00 · DESIGN TOKENS
   Brand colors · typography · spacing · system variables
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ─── Brand · Navy ─── */
  --navy-900:  #0e1b2e;
  --navy-800:  #182940;        /* MAIN brand color */
  --navy-700:  #243a59;
  --navy-600:  #34507a;
  --navy-100:  rgba(24, 41, 64, 0.06);

  /* ─── Brand · Accents ─── */
  --gold-600:  #b58740;
  --gold-500:  #c99e5c;        /* signature gold */
  --gold-400:  #d9b176;
  --gold-300:  #e6c89a;
  --amber-500: #e07a1f;        /* CTA orange */
  --amber-600: #c66a17;

  /* ─── Neutrals ─── */
  --paper:     #fbfaf7;        /* page background */
  --bone:      #f4f1ea;        /* alt section background */
  --line:      #e7e2d8;        /* hairline borders */
  --line-2:    #d8d2c4;
  --ink:       #1a1a1a;        /* primary text */
  --ink-soft:  #4a4a4a;        /* secondary text */
  --ink-faint: #7c7c7c;        /* tertiary / disabled */

  /* ─── System ─── */
  --radius:    4px;
  --radius-lg: 8px;
  --radius-pill: 999px;

  --shadow-xs: 0 1px 3px rgba(14, 27, 46, 0.06);
  --shadow-sm: 0 2px 10px rgba(14, 27, 46, 0.08);
  --shadow-md: 0 12px 30px -10px rgba(14, 27, 46, 0.22);
  --shadow-lg: 0 24px 60px -20px rgba(14, 27, 46, 0.35);
  --shadow-xl: 0 40px 80px -24px rgba(14, 27, 46, 0.45);

  --ease:      cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);

  /* ─── Layout ─── */
  --container:        1480px;
  --container-pad:    36px;
  --header-h:         96px;
  --nav-h:            54px;

  /* ─── Z-index scale ─── */
  --z-nav-aux:        45;
  --z-mega:           50;
  --z-header:         100;
  --z-mobile-menu:    200;
  --z-float:          90;
}