:root{
  --primary: #22C55E;
  --secondary: #06B6D4;
  --bg: #071A12;
  --card: #0B2419;
  --text: #E5E7EB;
  --muted: #A1A1AA;
  --chip-bg: rgba(255,255,255,0.07);
  --chip-active: rgba(34,197,94,0.18);
  --border: rgba(255,255,255,0.10);
  --ok: rgba(34,197,94,0.22);
  --off: rgba(244,63,94,0.20);
  --base-font: 16px;
}
html,body{ background: var(--bg); color: var(--text); font-size: var(--base-font); }

  body::before{
    content:'';
    position:fixed; inset:0;
    background: radial-gradient(1200px 700px at 80% -10%, rgba(34,197,94,0.22), transparent 55%), radial-gradient(1000px 600px at 0% 10%, rgba(6,182,212,0.18), transparent 50%), linear-gradient(180deg, #04140D 0%, #071A12 100%);
    pointer-events:none;
    z-index:-1;
  }