/* ============================================================
   KAOS MODULARITY — God Mode Theme
   All design tokens in one place.
   To retheme: edit values here, redeploy.
   ============================================================ */

:root{
  /* ── Base palette ── */
  --black:#0d0d0b;
  --surface:#141412;
  --surface2:#1c1c19;
  --surface3:#242420;
  --white:#ffffff;

  /* ── Red (accent) ── */
  --red:#C0392B;
  --red-bright:#E74C3C;
  --red-dim:rgba(192,57,43,0.12);
  --red-glow:rgba(192,57,43,0.25);
  --red-faint:rgba(192,57,43,0.04);
  --red-border:rgba(192,57,43,0.15);
  --red-border-soft:rgba(192,57,43,0.25);
  --red-border-mid:rgba(192,57,43,0.3);
  --red-border-strong:rgba(192,57,43,0.4);
  --red-alpha-08:rgba(192,57,43,0.08);
  --red-alpha-10:rgba(192,57,43,0.1);
  --red-alpha-20:rgba(192,57,43,0.2);

  /* ── Green ── */
  --green:#2ecc71;
  --green-dim:rgba(46,204,113,0.1);
  --green-alpha-08:rgba(46,204,113,0.08);
  --green-alpha-10:rgba(46,204,113,0.1);
  --green-alpha-12:rgba(46,204,113,0.12);
  --green-alpha-15:rgba(46,204,113,0.15);
  --green-alpha-20:rgba(46,204,113,0.2);
  --green-alpha-25:rgba(46,204,113,0.25);
  --green-alpha-40:rgba(46,204,113,0.4);

  /* ── Yellow ── */
  --yellow:#f39c12;
  --yellow-dim:rgba(243,156,18,0.1);
  --yellow-alpha-08:rgba(243,156,18,0.08);
  --yellow-alpha-12:rgba(243,156,18,0.12);
  --yellow-alpha-15:rgba(243,156,18,0.15);
  --yellow-alpha-25:rgba(243,156,18,0.25);
  --yellow-alpha-30:rgba(243,156,18,0.3);

  /* ── Blue ── */
  --blue:#3498db;
  --blue-dim:rgba(52,152,219,0.1);
  --blue-alpha-08:rgba(52,152,219,0.08);
  --blue-alpha-12:rgba(52,152,219,0.12);
  --blue-alpha-25:rgba(52,152,219,0.25);

  /* ── Text ── */
  --text:#e8e0d5;
  --text-soft:rgba(232,224,213,0.45);
  --text-muted:rgba(232,224,213,0.25);

  /* ── Borders ── */
  --border:rgba(192,57,43,0.15);
  --border-soft:rgba(255,255,255,0.06);
  --border-subtle:rgba(255,255,255,0.03);
  --border-faint:rgba(255,255,255,0.05);
  --border-light:rgba(255,255,255,0.08);
  --border-mid:rgba(255,255,255,0.1);
  --border-high:rgba(255,255,255,0.2);

  /* ── Overlays ── */
  --overlay-dark:rgba(0,0,0,0.7);
  --overlay-scan:rgba(0,0,0,0.03);

  /* ── Layout ── */
  --sidebar-w:240px;
}