:root {
  /* ── Primary Brand ── */
  --color-navy:        #0A1F44;
  --color-navy-light:  #132A5C;
  --color-navy-dark:   #060F22;
  --color-crimson:     #C8102E;
  --color-crimson-light:#E8183D;
  --color-crimson-dark: #9C0B22;

  /* ── Accent / Gold ── */
  --color-gold:        #D4A017;
  --color-gold-light:  #EDB92E;

  /* ── Semantic ── */
  --color-success:     #198754;
  --color-warning:     #FFC107;
  --color-error:       #DC3545;
  --color-info:        #0DCAF0;

  /* ── Neutrals ── */
  --color-white:       #FFFFFF;
  --color-off-white:   #F8F9FC;
  --color-light:       #EEF1F7;
  --color-border:      #D6DBEA;
  --color-muted:       #8A94B2;
  --color-body:        #3A4468;
  --color-heading:     #0A1F44;
  --color-dark:        #0D1733;

  /* ── Typography ── */
  --font-heading: 'Poppins', sans-serif;
  --font-body:    'Inter', sans-serif;
  --font-number:  'Montserrat', sans-serif;

  /* ── Sizes ── */
  --border-radius-sm: 6px;
  --border-radius-md: 12px;
  --border-radius-lg: 20px;
  --border-radius-xl: 32px;

  /* ── Shadows ── */
  --shadow-sm:  0 2px 8px rgba(10,31,68,.08);
  --shadow-md:  0 6px 24px rgba(10,31,68,.12);
  --shadow-lg:  0 16px 48px rgba(10,31,68,.16);
  --shadow-xl:  0 24px 64px rgba(10,31,68,.20);

  /* ── Transitions ── */
  --transition-fast:   all .15s ease;
  --transition-base:   all .28s ease;
  --transition-slow:   all .45s ease;

  /* ── Spacing (8-pt grid) ── */
  --space-1:  8px;
  --space-2:  16px;
  --space-3:  24px;
  --space-4:  32px;
  --space-5:  40px;
  --space-6:  48px;
  --space-8:  64px;
  --space-10: 80px;
  --space-12: 96px;

  /* ── Container ── */
  --container-max: 1240px;

  /* ── Navbar ── */
  --navbar-height: 72px;
  --topbar-height: 40px;
}