/* FOX Intelligence — Colour system  (Emerald + Gold rebrand)
   Deep botanical greens, warm-cream neutrals, a single antique-gold accent,
   plus a true near-black. Dark-luxury by default. */
:root {
  /* ---- Brand palette (source of truth, from brand sheet) ---- */
  --fox-green-deep: #0F3D34;   /* deepest green — primary background */
  --fox-green:      #134E43;   /* green — secondary surface        */
  --fox-mint:       #E6F0E9;   /* light mint                       */
  --fox-offwhite:   #F7F6F1;   /* off white                        */
  --fox-gold:       #C8A96A;   /* primary accent — antique gold    */
  --fox-black:      #0A0F0D;   /* additional black (green-black)   */

  /* ---- Green neutral ramp (derived) ---- */
  --ink-950: #060A09;   /* pure-black end */
  --ink-900: #0A0F0D;   /* = --fox-black  */
  --ink-850: #0C2C26;   /* inset          */
  --ink-800: #0F3D34;   /* = --fox-green-deep (base) */
  --ink-750: #134E43;   /* = --fox-green (raised)    */
  --ink-700: #1A5C4F;   /* overlay        */
  --ink-600: #2C6E60;
  --ink-500: #4C8578;
  --ink-400: #7BA093;
  --ink-300: #A6C1B6;
  --ink-200: #C7D9D0;
  --ink-100: #E6F0E9;   /* = --fox-mint   */
  --ink-050: #F7F6F1;   /* = --fox-offwhite */

  /* ---- Accent ramp (gold) ---- */
  --accent:        #C8A96A;
  --accent-hover:  #D6BB82;   /* lighter on hover */
  --accent-press:  #B08F52;   /* darker on press  */
  --accent-strong: #DCC58E;
  --accent-subtle: rgba(200, 169, 106, 0.14);
  --accent-ghost:  rgba(200, 169, 106, 0.07);
  --accent-border: rgba(200, 169, 106, 0.45);

  /* ---- Semantic surfaces ---- */
  --bg-base:      var(--fox-green-deep);   /* #0F3D34 */
  --bg-sunken:    var(--ink-850);          /* #0C2C26 */
  --bg-raised:    var(--fox-green);        /* #134E43 */
  --bg-overlay:   var(--ink-700);          /* #1A5C4F */
  --bg-inset:     #0A2620;
  --bg-black:     var(--fox-black);        /* true black panels */
  --bg-pure:      #000000;                 /* data canvases */

  /* ---- Borders (hairlines over dark green) ---- */
  --border-subtle:  rgba(230, 240, 233, 0.08);
  --border-default: rgba(230, 240, 233, 0.14);
  --border-strong:  rgba(230, 240, 233, 0.24);
  --border-accent:  var(--accent-border);

  /* ---- Text ---- */
  --text-primary:   var(--fox-offwhite);   /* #F7F6F1 */
  --text-secondary: var(--ink-200);        /* soft mint */
  --text-tertiary:  var(--ink-400);        /* muted sage */
  --text-disabled:  var(--ink-500);
  --text-accent:    var(--accent);
  --text-on-accent: var(--fox-green-deep); /* dark text on gold */

  /* ---- Status (muted, botanical — use sparingly) ---- */
  --positive: #6FBF9A;   /* Low risk / favourable — bright enough on green */
  --caution:  var(--accent);   /* Medium — gold */
  --critical: #D98A6A;   /* High risk — soft terracotta */
  --positive-subtle: rgba(111, 191, 154, 0.16);
  --caution-subtle:  rgba(200, 169, 106, 0.14);
  --critical-subtle: rgba(217, 138, 106, 0.16);

  /* ---- Data-viz (map / charts) ---- */
  --data-node:   #C8A96A;
  --data-grid:   rgba(200, 169, 106, 0.10);
  --data-track:  rgba(230, 240, 233, 0.12);
}