/* ============================================================
   Extuno - Color tokens
   A deep petrol/teal security telemetry console. Never black.
   Color is FUNCTIONAL: teal=clean, amber=review, coral=critical.
   ============================================================ */
:root {
  /* --- Surfaces (deepest -> raised) ------------------------ */
  --bg-void:   #0E1A1F;  /* page base; bluish-green, never black */
  --bg-base:   #122430;  /* primary canvas */
  --bg-panel:  #173542;  /* raised evidence panels / cards */
  --bg-panel-2:#1B3F4E;  /* nested panel / hovered row */
  --line:      #244655;  /* steel hairlines / borders */
  --line-soft: #1D3A48;  /* quieter divider */

  /* --- Severity triad (clean < review < critical) ---------- */
  --teal:      #2FBFAE;  /* phosphor accent = clean / safe / primary */
  --teal-hi:   #5BE0CE;  /* highlights, focus, energized borders */
  --teal-deep: #1B7A70;  /* pressed / muted teal */
  --amber:     #E6A23C;  /* signal = changed / review / warning */
  --amber-hi:  #F4C076;  /* amber highlight */
  --coral:     #FF6B5C;  /* critical / malicious */
  --coral-hi:  #FF9085;  /* coral highlight */

  /* --- Text ------------------------------------------------ */
  --text:      #DCE6EC;  /* primary (soft, not pure white) */
  --text-mut:  #8AA3AE;  /* secondary */
  --text-dim:  #5E7884;  /* tertiary / line numbers */
  --text-on-accent: #08191C; /* text on a teal fill */

  /* --- Functional severity tints (10-12% on panel) --------- */
  --tint-teal:  rgba(47, 191, 174, 0.12);
  --tint-amber: rgba(230, 162, 60, 0.12);
  --tint-coral: rgba(255, 107, 92, 0.12);

  /* --- Glow / energized borders ---------------------------- */
  --glow-teal:  rgba(91, 224, 206, 0.35);
  --glow-coral: rgba(255, 107, 92, 0.35);

  /* ============================================================
     Semantic aliases - prefer these in components
     ============================================================ */
  --surface-page:     var(--bg-void);
  --surface-canvas:   var(--bg-base);
  --surface-card:     var(--bg-panel);
  --surface-raised:   var(--bg-panel-2);
  --border-default:   var(--line);
  --border-soft:      var(--line-soft);
  --border-energized: var(--teal-hi);

  --text-body:        var(--text);
  --text-secondary:   var(--text-mut);
  --text-tertiary:    var(--text-dim);

  --accent:           var(--teal);
  --accent-hi:        var(--teal-hi);
  --focus-ring:       var(--teal-hi);

  --sev-clean:        var(--teal);
  --sev-review:       var(--amber);
  --sev-critical:     var(--coral);
}