/* ============================================================
   GEN ATM NGK 2.0 — Design Tokens
   "The estate, awake."
   Industrial operations console. Squared geometry, hairline
   rules, monospace data, status-light accents.
   ============================================================ */

:root {
  /* --- Surface & ink -------------------------------------- */
  --bg:           #070B0F;   /* carbon — the console stage        */
  --bg-raise:     #0B1116;   /* raised strip                      */
  --panel:        #0E151B;   /* instrument panel                  */
  --panel-2:      #131C24;   /* hover / elevated                  */
  --panel-3:      #18232D;   /* inset wells                       */
  --line:         rgba(214, 228, 238, 0.09);
  --line-strong:  rgba(214, 228, 238, 0.20);
  --ink:          #E3EAF0;   /* primary text                      */
  --ink-dim:      #93A4B4;   /* secondary                         */
  --ink-faint:    #5C6E7D;   /* captions, axis labels             */

  /* --- Status lights (the brand) --------------------------- */
  --live:         #2BE08A;   /* IN SERVICE  — primary accent      */
  --live-soft:    rgba(43, 224, 138, 0.14);
  --warn:         #FFB020;   /* threshold / supervisor            */
  --warn-soft:    rgba(255, 176, 32, 0.14);
  --fault:        #FF5C5C;   /* out of service                    */
  --fault-soft:   rgba(255, 92, 92, 0.14);
  --link:         #4EA8FF;   /* NDC / data path                   */
  --link-soft:    rgba(78, 168, 255, 0.14);

  /* --- Typography ------------------------------------------ */
  --font-display: "Chakra Petch", "Inter", system-ui, sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, sans-serif;
  --font-mono:    "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

  /* --- Rhythm ---------------------------------------------- */
  --w-max:  1220px;
  --w-wide: 1400px;
  --pad-x:  clamp(18px, 5vw, 60px);
  --sec-y:  clamp(68px, 9vw, 132px);
  --r:      3px;              /* squared — this brand is a machine */
  --r-lg:   5px;

  /* --- Motion ---------------------------------------------- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-io:  cubic-bezier(0.65, 0, 0.35, 1);
  --dur-1: 180ms;
  --dur-2: 420ms;
  --dur-3: 860ms;

  /* --- Elevation ------------------------------------------- */
  --glow-live:  0 0 32px rgba(43, 224, 138, 0.22);
  --glow-warn:  0 0 32px rgba(255, 176, 32, 0.20);
  --glow-fault: 0 0 32px rgba(255, 92, 92, 0.20);
  --glow-link:  0 0 32px rgba(78, 168, 255, 0.20);
  --shadow:     0 18px 48px rgba(0, 0, 0, 0.55);
}