@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  /* ─── Aviation Navy (ICAO / FAA / CAA UK) ─── */
  --primary:           #002664;
  --primary-dark:      #001A4A;
  --primary-light:     #E8EDF5;
  --primary-glow:      rgba(0, 38, 100, 0.08);

  /* ─── Sky Blue Accent ─── */
  --accent:            #0066CC;
  --accent-dark:       #004999;
  --accent-light:      #EBF4FF;
  --accent-glow:       rgba(0, 102, 204, 0.08);

  /* ─── Gold Accent (certificates, badges) ─── */
  --gold:              #FFD700;
  --gold-light:        #FFF3CD;

  /* ─── Backgrounds ─── */
  --bg:                #F4F6F9;
  --bg-secondary:      #FFFFFF;
  --bg-tertiary:       #E8ECF1;
  --card-bg:           #FFFFFF;
  --card-border:       #E2E8F0;

  /* ─── Text ─── */
  --text-primary:      #0B1120;
  --text-secondary:    #5C6B7E;
  --text-tertiary:     #8E98A3;
  --text-inverse:      #FFFFFF;

  /* ─── Feedback ─── */
  --success:           #2ecc71;
  --success-bg:        rgba(46, 204, 113, 0.08);
  --warning:           #f59e0b;
  --warning-bg:        rgba(245, 158, 11, 0.08);
  --error:             #e74c3c;
  --error-bg:          rgba(231, 76, 60, 0.08);

  /* ─── Shadows ─── */
  --shadow-sm:         0 1px 3px rgba(0, 0, 0, 0.04);
  --shadow-md:         0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-lg:         0 12px 40px rgba(0, 0, 0, 0.08);
  --shadow-xl:         0 24px 60px rgba(0, 0, 0, 0.12);

  /* ─── Layout ─── */
  --max-width:         1060px;
  --nav-height:        48px;
  --radius-pill:       980px;
  --radius-sm:         8px;
  --radius-md:         12px;
  --radius-lg:         16px;
  --radius-xl:         20px;

  /* ─── Transitions ─── */
  --ease:              cubic-bezier(0.25, 0.1, 0.25, 1);
  --duration:          0.3s;
}

body.dark-mode {
  --primary:           #4A9EFF;
  --primary-dark:      #0066CC;
  --primary-light:     rgba(74, 158, 255, 0.12);
  --primary-glow:      rgba(74, 158, 255, 0.12);

  --accent:            #4A9EFF;
  --accent-dark:       #0066CC;
  --accent-light:      rgba(74, 158, 255, 0.12);
  --accent-glow:       rgba(74, 158, 255, 0.12);

  --gold:              #FFD700;
  --gold-light:        rgba(255, 215, 0, 0.15);

  --bg:                #0F1E32;
  --bg-secondary:      #152641;
  --bg-tertiary:       #1A2F4F;
  --card-bg:           #152641;
  --card-border:       rgba(255, 255, 255, 0.08);

  --text-primary:      #E8EDF2;
  --text-secondary:    #94A3B8;
  --text-tertiary:     #64748B;
  --text-inverse:      #0F1E32;

  --success-bg:        rgba(46, 204, 113, 0.12);
  --warning-bg:        rgba(245, 158, 11, 0.12);
  --error-bg:          rgba(231, 76, 60, 0.12);

  --shadow-sm:         0 1px 3px rgba(0, 0, 0, 0.2);
  --shadow-md:         0 4px 12px rgba(0, 0, 0, 0.3);
  --shadow-lg:         0 12px 40px rgba(0, 0, 0, 0.4);
  --shadow-xl:         0 24px 60px rgba(0, 0, 0, 0.5);
}