/* ============================================================
   Obludzyner & Co. — Colour tokens
   ------------------------------------------------------------
   Intentionally minimal: deep navy + warm cream, one restrained
   gold accent. No gradients, no bright colour. Dark-dominant.
   ============================================================ */

:root {
  /* — Navy scale (cool, desaturated) ———————————————————— */
  --navy-950: #000A24;   /* overlays, deepest wells          */
  --navy-900: #000C30;   /* page base in heavy mode          */
  --navy-800: #001040;   /* PRIMARY background — the brand navy */
  --navy-700: #00183C;   /* raised surface / post background  */
  --navy-650: #0A1F44;   /* alt card / well — softer, airier  */
  --navy-600: #14224F;   /* cards, inputs, hover wells        */
  --navy-500: #283566;   /* hairlines on navy, disabled fills */
  --navy-400: #3D4A78;   /* muted strokes                     */

  /* — Cream scale (warm off-white) ——————————————————————— */
  --cream-50:  #F8F5EC;
  --cream-100: #F5F1E8;  /* PRIMARY text / off-white          */
  --cream-200: #E8E2D4;
  --cream-300: #D4CDBA;

  /* — Gold accent (operator-premium) ————————————————————— */
  --gold-300: #E0CB9F;
  --gold-400: #D8BC86;
  --gold-500: #C9A96E;   /* the accent                        */
  --gold-600: #A8884E;
  --gold-700: #7E6536;

  /* — Status (muted, desaturated — use sparingly) ———————— */
  --positive-500: #5E8C6A;
  --notice-500:   #C9A96E;   /* doubles the gold              */
  --critical-500: #C2554C;

  /* — Slate (cool utility — DATA-VIZ & DISABLED ONLY) ————————
     Never text/UI on navy: it fights the warm cream. Use for
     chart series, diagram fills, and recessive disabled states. */
  --slate-300: #8A9BB0;
  --slate-500: #5A6B82;

  /* ——————————————————————————————————————————————————————
     SEMANTIC ALIASES — reach for these in components
     —————————————————————————————————————————————————————— */

  /* surfaces */
  --surface-base:     var(--navy-800);
  --surface-raised:   var(--navy-700);
  --surface-card:     var(--navy-700);
  --surface-well:     var(--navy-600);
  --surface-card-alt: var(--navy-650);   /* softer card/well  */
  --surface-overlay:  var(--navy-950);
  --surface-light:    var(--cream-100);   /* cream panels      */
  --surface-light-2:  var(--cream-50);

  /* text on navy */
  --text-primary:   var(--cream-100);
  --text-secondary: rgba(245, 241, 232, 0.66);
  --text-muted:     rgba(245, 241, 232, 0.44);
  --text-faint:     rgba(245, 241, 232, 0.30);
  --text-accent:    var(--gold-500);

  /* text on cream */
  --text-on-light:        var(--navy-800);
  --text-on-light-muted:  rgba(0, 16, 64, 0.62);

  /* borders / hairlines (cream at low alpha) */
  --border-subtle:  rgba(245, 241, 232, 0.10);
  --border-default: rgba(245, 241, 232, 0.16);
  --border-strong:  rgba(245, 241, 232, 0.28);
  --border-gold:    rgba(201, 169, 110, 0.55);
  --border-on-light: rgba(0, 16, 64, 0.14);

  /* accent / interactive */
  --accent:        var(--gold-500);
  --accent-hover:  var(--gold-400);
  --accent-press:  var(--gold-600);
  --accent-quiet:  rgba(201, 169, 110, 0.14);
  --focus-ring:    rgba(201, 169, 110, 0.55);

  /* status semantic */
  --positive: var(--positive-500);
  --notice:   var(--notice-500);
  --critical: var(--critical-500);

  /* slate semantic — data-viz & disabled only */
  --data-1:          var(--slate-300);
  --data-2:          var(--slate-500);
  --data-highlight:  var(--gold-500);
  --disabled-text:   var(--slate-300);
  --disabled-border: var(--slate-500);
  --diagram-fill:    var(--slate-500);
}