/* ============================================================
   variables.css — design tokens for the entire portal.
   Change colors/fonts here; everything else picks them up.
   ============================================================ */
:root {
  /* backgrounds */
  --bg:           #05030f;
  --panel-bg:     rgba(8, 6, 22, 0.82);
  --header-bg:    rgba(5, 3, 15, 0.92);

  /* accents */
  --green:    #00e676;
  --blue:     #00b4ff;
  --purple:   #b040ff;
  --cyan:     #00e5ff;
  --magenta:  #ff45c8;
  --yellow:   #ffd84a;

  /* text */
  --text:       #e6f3ff;
  --text-dim:   #6a8aaa;
  --text-muted: #3a5570;

  /* status */
  --status-active:  #00e676;
  --status-warn:    #ffd84a;
  --status-offline: #ff4560;

  /* fonts */
  --font-display: 'Orbitron', sans-serif;
  --font-ui:      'Rajdhani', sans-serif;
  --font-mono:    'Share Tech Mono', monospace;

  /* sizing */
  --header-h:  56px;
  --radius:    8px;
  --gap:       14px;
}