/* ============================================================
   Coffs Coast Drones — Color tokens
   Art direction: "aviation sectional chart + cockpit at night."
   Sampled from an aeronautical chart and a night instrument panel,
   NOT from a SaaS landing page. Warm aged chart-paper ground,
   cold near-black ink, desaturated chart-printed blue for structure,
   the chart's own restricted-airspace magenta reserved for CTAs,
   and a paddock green for the ag/spray connection.

   Ramp names (--blue-*, --green-*, --gold-*, --slate-*, --sand-*)
   are retained as compatibility aliases so existing components keep
   resolving — but the values are the new palette. Prefer the
   semantic aliases at the bottom, or the named ramps
   (--sectional-*, --restricted-*, --paddock-*, --paper-*).
   ============================================================ */
:root {
  /* --- Sectional blue — airspace boundaries, structure, primary UI --- */
  --sectional-900: #142c3b;
  --sectional-800: #1b3b4f;
  --sectional-700: #234b63;
  --sectional-600: #2f5d7c; /* core sectional-blue */
  --sectional-500: #3a6f92;
  --sectional-400: #5389a9;
  --sectional-300: #83abc3;
  --sectional-200: #b6cdda;
  --sectional-100: #dae7ee;
  --sectional-50:  #eef4f7;

  /* --- Restricted magenta — the chart's own warning colour; CTAs, price/stock --- */
  --restricted-900: #5f1e3a;
  --restricted-800: #7a2749;
  --restricted-700: #932f59;
  --restricted-600: #b03a6e; /* core restricted-magenta */
  --restricted-500: #c04f80;
  --restricted-400: #cf6f99;
  --restricted-300: #de9bb8;
  --restricted-100: #f2d7e2;
  --restricted-50:  #f9ecf1;

  /* --- Paddock green — ag / spray connection, sub-navigation --- */
  --paddock-800: #333b28;
  --paddock-700: #434e34;
  --paddock-600: #4f5c40;
  --paddock-500: #5c6b4a; /* core paddock-green */
  --paddock-400: #74845e;
  --paddock-300: #97a582;
  --paddock-100: #dbe0cf;
  --paddock-50:  #eef1e7;

  /* --- Chart paper + ink: warm, aged neutral ground --- */
  --ink:        #1b1f24;  /* body text, headings — near-black, cold cast */
  --panel:      #14171a;  /* instrument panel — footer, spec/cockpit sections */
  --paper-950:  #14171a;
  --paper-900:  #1f242a;
  --paper-800:  #23282e;
  --paper-700:  #3a4148;  /* secondary text */
  --paper-600:  #5a626b;  /* muted text (AA on paper) */
  --paper-500:  #7c838b;  /* faint text */
  --paper-400:  #9aa0a3;
  --paper-300:  #a9a08c;  /* strong warm border */
  --paper-250:  #bcb5a3;
  --paper-200:  #d2ccbd;  /* default warm border */
  --paper-150:  #ded8c9;  /* subtle border / hairline */
  --paper-100:  #ede7da;  /* CHART PAPER — primary background */
  --paper-50:   #f4f0e6;  /* warm card surface */
  --white:      #ffffff;

  /* --- Functional status (kept perceptually distinct from brand hues) --- */
  --success: var(--paddock-500);
  --warning: #b7791f;
  --danger:  #c2453b;
  --danger-bg: #f7e7e4;
  --info:    var(--sectional-600);

  /* ===== Compatibility ramp aliases (legacy names → new palette) ===== */
  --blue-900: var(--sectional-900); --blue-800: var(--sectional-800);
  --blue-700: var(--sectional-700); --blue-600: var(--sectional-600);
  --blue-500: var(--sectional-500); --blue-400: var(--sectional-400);
  --blue-300: var(--sectional-300); --blue-200: var(--sectional-200);
  --blue-100: var(--sectional-100); --blue-50:  var(--sectional-50);

  --green-700: var(--paddock-700); --green-600: var(--paddock-600);
  --green-500: var(--paddock-500); --green-400: var(--paddock-400);
  --green-300: var(--paddock-300); --green-100: var(--paddock-100);
  --green-50:  var(--paddock-50);

  /* legacy "gold" accent now maps to restricted magenta */
  --gold-700: var(--restricted-800); --gold-600: var(--restricted-700);
  --gold-500: var(--restricted-600); --gold-400: var(--restricted-500);
  --gold-300: var(--restricted-300); --gold-100: var(--restricted-100);
  --gold-50:  var(--restricted-50);

  --sand-600: var(--paper-300); --sand-500: var(--paper-250);
  --sand-300: var(--paper-200); --sand-100: var(--paper-150);

  --slate-900: var(--paper-950); --slate-800: var(--paper-800);
  --slate-700: var(--paper-700); --slate-600: var(--paper-600);
  --slate-500: var(--paper-600); --slate-400: var(--paper-500);
  --slate-300: var(--paper-300); --slate-200: var(--paper-200);
  --slate-100: var(--paper-150); --slate-50:  var(--paper-100);

  /* ===== Semantic aliases — reference these in components ===== */
  --brand:            var(--sectional-600);  /* structure, primary UI */
  --brand-strong:     var(--sectional-800);
  --brand-contrast:   var(--white);
  --accent:           var(--restricted-600); /* CTAs, price/stock emphasis */
  --accent-strong:    var(--restricted-700);
  --accent-contrast:  var(--white);
  --accent-2:         var(--paddock-500);    /* ag/spray, sub-nav */

  --bg-page:          var(--paper-100);
  --bg-subtle:        var(--paper-150);
  --surface-card:     var(--paper-50);
  --surface-raised:   var(--white);
  --surface-inverse:  var(--panel);
  --surface-brand:    var(--sectional-600);

  --text-strong:      var(--ink);
  --text-body:        var(--paper-700);
  --text-muted:       var(--paper-600);
  --text-faint:       var(--paper-500);
  --text-on-brand:    var(--white);
  --text-on-dark:     #e8eae6;
  --text-link:        var(--sectional-600);

  --border-subtle:    var(--paper-150);
  --border-default:   var(--paper-200);
  --border-strong:    var(--paper-300);
  --border-brand:     var(--sectional-600);

  /* Focus ring is the chart's restricted magenta — authoritative, unmissable */
  --focus-ring:       var(--restricted-600);
}