/* ===========================================================================
   THEME — bright "daylight command center" token system
   ---------------------------------------------------------------------------
   Design intent: a premium, bright structural digital-twin console.
   Frosted-white glass floats over a sunlit 3D scene; ink is dark slate so
   text stays readable on any sky; a single signal-aqua accent carries all
   interactive state; amber/red are reserved strictly for load & alarm
   semantics so they keep their meaning.

   NOTE  the 3D scene reads its palette from js/config.js — if you change an
   accent here, mirror it there so UI chrome and in-scene glows stay in tune.
   =========================================================================== */
:root {
  /* ---- atmosphere (page fallback behind the WebGL canvas) --------------- */
  --sky-zenith:  #a9cbe3;
  --sky-mid:     #e3eff4;
  --sky-horizon: #f6eedd;

  /* ---- ink (dark slate on glass ≥ 4.5:1) --------------------------------- */
  --ink:    #16323c;   /* primary text                     */
  --ink-2:  #4f6f7d;   /* secondary text, labels           */
  --ink-3:  #7e97a3;   /* hints, disabled                  */

  /* ---- glass surfaces ----------------------------------------------------- */
  --glass:        rgba(255, 255, 255, 0.60);
  --glass-strong: rgba(255, 255, 255, 0.80);
  --glass-soft:   rgba(255, 255, 255, 0.42);
  --glass-input:  rgba(255, 255, 255, 0.55);
  --blur: saturate(1.35) blur(18px);

  /* ---- hairlines: light cyan-silver --------------------------------------- */
  --stroke:        rgba(114, 158, 178, 0.30);
  --stroke-strong: rgba( 84, 132, 154, 0.45);
  --stroke-inner:  rgba(255, 255, 255, 0.65);   /* top bevel highlight        */

  /* ---- accents ------------------------------------------------------------ */
  --aqua:      #12aebe;                 /* primary: interaction, live data    */
  --aqua-deep: #0c8b99;
  --aqua-soft: rgba(18, 174, 190, 0.14);
  --blue:      #4b83c6;                 /* secondary: model / prediction      */
  --amber:     #dd8a1f;                 /* heavy load, watch state            */
  --amber-soft: rgba(221, 138, 31, 0.16);
  --red:       #d84a3a;                 /* alarm                              */
  --red-soft:  rgba(216, 74, 58, 0.15);
  --ok:        #1d9d74;                 /* nominal status                     */

  /* ---- elevation: soft blue-gray, never black ----------------------------- */
  --shadow-1: 0 10px 30px rgba(43, 84, 104, 0.14), 0 2px 8px rgba(43, 84, 104, 0.08);
  --shadow-2: 0 24px 60px rgba(43, 84, 104, 0.20), 0 4px 14px rgba(43, 84, 104, 0.10);

  /* ---- radius scale -------------------------------------------------------- */
  --r-s: 8px;
  --r-m: 13px;
  --r-l: 18px;

  /* ---- type: condensed grotesque display / humanist body / data mono ------- */
  --font-display: "Bahnschrift", "Avenir Next Condensed", "Arial Narrow",
                  "Segoe UI", system-ui, sans-serif;
  --font-body:    "Segoe UI", system-ui, -apple-system, "Helvetica Neue",
                  Arial, sans-serif;
  --font-mono:    ui-monospace, "SF Mono", "Cascadia Code", Consolas,
                  Menlo, monospace;

  --track:  0.14em;    /* display tracking          */
  --track-w: 0.22em;   /* wide tracking (eyebrows)  */
}