/* ==========================================================================
   AEROPARTS - DESIGN TOKENS & VARIABLES
   ========================================================================== */

:root {
  /* Brand Palette (Strictly from Brand Manual) */
  --color-blue-aeroparts: #022D5A;    /* Primary institutional color */
  --color-sky-aeroparts: #5DA5D5;     /* Accent, title bars, hover */
  --color-blue-francia: #0072BB;      /* Technical accent: links, icons, focus */
  --color-white: #FFFFFF;             /* Dominant light background (~60%) */
  --color-blue-deep: #061928;         /* Hero, Header, Footer, high-contrast dark */
  --color-gray-metallic: #DCE4E9;     /* Secondary section background, borders */
  --color-gray-label: #4B6274;        /* Eyebrows / section category labels */
  --color-border-input: #C9D3DA;      /* Input borders */
  --color-text-muted: #5F7382;        /* Secondary supporting text */
  --color-error: #D32F2F;             /* Validation error indicator */
  --color-success: #2E7D32;           /* Confirmation message */

  /* Typography */
  --font-title: 'Barlow', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Dimensions */
  --header-height: 84px;
  --max-width: 1280px;
  --gutter: 2rem;

  /* Elevations & Glassmorphism */
  --glass-bg: rgba(6, 25, 40, 0.70);
  --glass-border: rgba(255, 255, 255, 0.15);
  --glass-card-bg: rgba(255, 255, 255, 0.88);
  --shadow-header: 0 4px 24px rgba(0, 0, 0, 0.25);
  --shadow-card: 0 12px 32px rgba(2, 45, 90, 0.10);

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.4s ease-in-out;
  --transition-panel: 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}