/* ============================================================
   NEXUS FLOW — DESIGN TOKENS
   Edit colors, fonts and spacing here. Everything in main.css
   references these variables, so one change updates the site.
   ============================================================ */

:root {

  /* ---- Color: surfaces ---- */
  --bg:          #0A0E15;   /* page background — deep circuit slate */
  --bg-raise:    #0E141F;   /* raised panels */
  --node-fill:   #0D1420;   /* node body */
  --node-fill-2: #111A29;   /* node header strip */

  /* ---- Color: lines & strokes ---- */
  --grid-line:   rgba(96, 140, 197, 0.05);   /* background blueprint grid */
  --node-stroke: #33415C;
  --wire-idle:   #273348;

  /* ---- Color: text ---- */
  --ink:      #E9EEF6;
  --ink-dim:  #93A0B4;
  --ink-faint:#5D6A80;

  /* ---- Color: semantic (the narrative palette) ---- */
  --signal:  #56C8FF;   /* live data / active wires / packets */
  --error:   #FF6257;   /* pain points, failed states */
  --warn:    #FFB454;   /* strain, degrading metrics */
  --success: #3DDC97;   /* resolved, automated, working */

  /* Soft glows derived from the semantic colors */
  --signal-glow:  rgba(86, 200, 255, 0.35);
  --error-glow:   rgba(255, 98, 87, 0.30);
  --success-glow: rgba(61, 220, 151, 0.32);

  /* ---- Type ---- */
  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-body:    "Instrument Sans", "Segoe UI", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", "SF Mono", Consolas, monospace;

  /* Fluid type scale */
  --fs-hero:    clamp(2.4rem, 6.4vw, 4.6rem);
  --fs-h2:      clamp(1.8rem, 4.2vw, 3rem);
  --fs-h3:      clamp(1.15rem, 2.2vw, 1.45rem);
  --fs-body:    clamp(1rem, 1.15vw, 1.125rem);
  --fs-small:   0.875rem;
  --fs-micro:   0.72rem;

  /* ---- Layout ---- */
  --page-max:   1160px;
  --pad-x:      clamp(1.25rem, 4vw, 3rem);
  --radius:     14px;
  --radius-sm:  8px;

  /* ---- Motion ----
     One signature easing used everywhere so the whole page
     shares a single "feel". */
  --ease:       cubic-bezier(0.22, 1, 0.36, 1);
  --dur:        0.6s;
  --dur-slow:   1.1s;
}