/* ========================================
   NI 50th Anniversary — Design Tokens
   ======================================== */

:root {
  /* === Brand Colors === */
  --color-primary:        #004B87;
  --color-primary-dark:   #002D56;
  --color-primary-light:  #0066B3;
  --color-accent:         #00A3E0;
  --color-gold:           #C4A43C;
  --color-gold-light:     #D4B84E;
  --color-gold-dark:      #A8882E;

  /* === Neutrals === */
  --color-white:          #FFFFFF;
  --color-gray-50:        #F8F9FA;
  --color-gray-100:       #E9ECEF;
  --color-gray-200:       #DEE2E6;
  --color-gray-300:       #CED4DA;
  --color-gray-500:       #6C757D;
  --color-gray-700:       #343A40;
  --color-gray-900:       #1A1A2E;

  /* === Typography === */
  --font-heading:         'Space Grotesk', sans-serif;
  --font-body:            'Inter', sans-serif;

  --text-xs:    0.75rem;
  --text-sm:    0.875rem;
  --text-base:  1rem;
  --text-lg:    1.125rem;
  --text-xl:    1.25rem;
  --text-2xl:   1.5rem;
  --text-3xl:   1.875rem;
  --text-4xl:   2.25rem;
  --text-5xl:   3rem;
  --text-6xl:   3.75rem;

  /* === Spacing === */
  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-6:   1.5rem;
  --space-8:   2rem;
  --space-10:  2.5rem;
  --space-12:  3rem;
  --space-16:  4rem;
  --space-20:  5rem;
  --space-24:  6rem;

  /* === Layout === */
  --container-max:    1200px;
  --container-narrow: 800px;
  --border-radius:    8px;
  --border-radius-lg: 16px;
  --border-radius-full: 9999px;

  /* === Shadows === */
  --shadow-sm:  0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-md:  0 4px 12px rgba(0, 0, 0, 0.1);
  --shadow-lg:  0 8px 30px rgba(0, 0, 0, 0.12);
  --shadow-xl:  0 20px 60px rgba(0, 0, 0, 0.15);

  /* === Transitions === */
  --transition-fast:  150ms ease;
  --transition-base:  300ms ease;
  --transition-slow:  500ms ease;

  /* === Z-Index === */
  --z-nav:     1000;
  --z-overlay: 2000;
  --z-modal:   3000;
}