/* ============================================================
   Victory Wings Academy — Color Tokens
   Source of truth: official brand board (VWA branding).
   Navy + Gold aviation palette; Oman flag red & green used
   sparingly as national accents.
   ============================================================ */

:root {
  /* ---- Base brand palette (from brand board) ---- */
  --vwa-navy:        #0B1D33; /* primary — deep aviation navy */
  --vwa-gold:        #D4AF37; /* accent — victory gold */
  --vwa-grey:        #E6E6E6; /* neutral — light silver grey */
  --vwa-red:         #D62828; /* Oman emblem red (sparingly) */
  --vwa-green:       #007A3D; /* Oman flag green (sparingly) */
  --vwa-white:       #FFFFFF;

  /* ---- Navy ramp (tints & shades for surfaces / depth) ---- */
  --navy-900: #061223; /* darkest — deep shadow / footer */
  --navy-800: #0B1D33; /* brand navy */
  --navy-700: #12294a; /* raised navy surface */
  --navy-600: #1c3862; /* hover on navy */
  --navy-500: #2a4d80; /* mid navy */
  --navy-300: #6b81a3; /* muted navy text on light */
  --navy-100: #ccd6e4; /* navy-tinted border on light */

  /* ---- Gold ramp ---- */
  --gold-700: #a8842a; /* pressed gold */
  --gold-600: #bf9a2f; /* hover gold */
  --gold-500: #D4AF37; /* brand gold */
  --gold-400: #e0c25f; /* light gold / highlight */
  --gold-200: #f2e4b3; /* pale gold wash */

  /* ---- Neutrals / paper ---- */
  --ink-900:  #0B1D33; /* body text on light = navy */
  --ink-600:  #45526a; /* secondary text */
  --ink-400:  #6b7789; /* muted / captions */
  --paper-0:  #FFFFFF; /* pure white */
  --paper-50: #F7F9FC; /* off-white surface */
  --paper-100:#EEF2F7; /* subtle grey surface */
  --line-200: #E6E6E6; /* hairline / divider (brand grey) */
  --line-300: #d3d9e2; /* stronger divider */

  /* ============================================================
     Semantic aliases — reference these in components
     ============================================================ */

  /* Text */
  --text-strong:   var(--ink-900);
  --text-body:     var(--ink-600);
  --text-muted:    var(--ink-400);
  --text-on-navy:  var(--paper-50);
  --text-on-navy-muted: #a9b6ca;
  --text-accent:   var(--gold-600);
  --text-on-gold:  var(--vwa-navy);

  /* Surfaces */
  --surface-page:      var(--paper-50);
  --surface-card:      var(--paper-0);
  --surface-sunken:    var(--paper-100);
  --surface-navy:      var(--navy-800);
  --surface-navy-deep: var(--navy-900);
  --surface-gold:      var(--gold-500);

  /* Brand accents */
  --brand-primary:   var(--vwa-navy);
  --brand-accent:    var(--vwa-gold);
  --brand-national-red:   var(--vwa-red);
  --brand-national-green: var(--vwa-green);

  /* Lines & borders */
  --border-subtle:  var(--line-200);
  --border-default: var(--line-300);
  --border-on-navy: rgba(212, 175, 55, 0.28); /* gold hairline on navy */
  --border-gold:    var(--gold-500);

  /* Status (aviation-appropriate) */
  --status-go:      var(--vwa-green);
  --status-caution: var(--gold-600);
  --status-nogo:    var(--vwa-red);

  /* Focus */
  --focus-ring: rgba(212, 175, 55, 0.55);
}