/* ============================================================
   MOLITECH v3 — McKinsey Light Palette
   Background: White / Off-white
   Primary text: Deep navy-black #051C2C
   Accent: Molitech Orange #E8621A (logo color)
   Dividers: #E8E8E4
   ============================================================ */

:root {
  /* Colors - McKinsey Professional Palette */
  --bg:          #FFFFFF;
  --bg-alt:      #F7F6F2;
  --bg-dark:     #051C2C;      /* McKinsey deep navy — hero, CTA bands */
  --bg-mid:      #0A2740;      /* slightly lighter navy */
  --border:      #E2E0DA;
  --border-dark: #1A3A52;
  
  /* Brand Colors */
  --navy:        #051C2C;
  --navy-mid:    #0D3251;
  --orange:      #E8621A;      /* Molitech Orange */
  --orange-lt:   #F07A38;
  
  /* Text */
  --text:        #1A1A1A;
  --text-mid:    #555550;
  --text-light:  #888880;
  --white:       #FFFFFF;
  
  /* Typography */
  --font-primary: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  
  /* Spacing */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 4rem;
  --spacing-xl: 6rem;
  
  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  
  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 2px 8px rgba(0,0,0,0.1);
  --shadow-lg: 0 4px 20px rgba(0,0,0,0.12);
  
  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
}