/* ═══════════════════════════════════════════════════════════════════
   REGARD LEAGUE — theme v2: "DEGEN TERMINAL"
   Bloomberg-terminal-meets-WSB. Loads AFTER style.css as an override
   layer (colors/fonts/effects only — layout untouched). Selected by
   ?theme=v2 / rl_theme cookie / THEME env; rollback = don't load it.
   ═══════════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700;800&display=swap');

:root, [data-theme="light"] {   /* v2 is dark-only: neutralize the light toggle */
  --bg: #060907;
  --surface: #0b100c;
  --elev: #0e140f;
  --ink: #d8e6da;
  --muted: #5f7566;
  --border: #1b2b1e;
  --border-2: #24382a;
  --up: #00ff87;
  --down: #ff3860;
  --green: #00e676;
  --green-press: #00c853;
  --sans: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
  --radius: 3px;                 /* terminals don't do rounded corners */
}

/* CRT scanlines + a whisper of phosphor glow, everywhere */
body::after {
  content: ""; position: fixed; inset: 0; z-index: 9999; pointer-events: none;
  background: repeating-linear-gradient(0deg, rgba(0,0,0,0.13) 0 1px, transparent 1px 3px);
  mix-blend-mode: multiply;
}
body { text-shadow: 0 0 6px rgba(0, 255, 135, 0.06); }

/* Headers read like terminal prompts */
h1, h2, h3, .boardhead h2 { letter-spacing: 0.02em; text-transform: uppercase; }
h1::before, h2.sub::before { content: "▸ "; color: var(--green); }
.hero .lede, .muted-note { text-shadow: none; }

/* The brand becomes a blinking cursor prompt */
.brand-dot { animation: v2blink 1.1s steps(1) infinite; background: var(--green); border-radius: 0; }
@keyframes v2blink { 50% { opacity: 0; } }

/* Cards: hard edges, phosphor border, faint inner glow */
.boardcard, .quicktrade, .chart-base {
  border: 1px solid var(--border-2); border-radius: var(--radius);
  box-shadow: inset 0 0 24px rgba(0, 255, 135, 0.03);
}
.boardhead { border-bottom: 1px dashed var(--border-2); }

/* Numbers get the full glow treatment */
.num, .up, .down, .feed-pl strong, .stat-value, .chart-price, .cash {
  font-variant-numeric: tabular-nums;
}
.up   { color: var(--up);   text-shadow: 0 0 8px rgba(0, 255, 135, 0.45); }
.down { color: var(--down); text-shadow: 0 0 8px rgba(255, 56, 96, 0.45); }

/* Tables: green gridlines, header like a data feed */
.grid th { color: var(--green); text-transform: uppercase; font-size: 0.72rem;
           letter-spacing: 0.08em; border-bottom: 1px solid var(--border-2); }
.grid td { border-bottom: 1px solid var(--border); }
.grid tr:hover td { background: rgba(0, 255, 135, 0.04); }

/* Buttons: outlined terminal keys */
.btn {
  background: transparent; border: 1px solid var(--green); color: var(--green);
  border-radius: var(--radius); text-transform: uppercase; letter-spacing: 0.05em;
  font-weight: 700;
}
.btn:hover { background: rgba(0, 255, 135, 0.12); box-shadow: 0 0 12px rgba(0, 255, 135, 0.25); }

/* Nav: status-bar energy */
.nav .navlink { text-transform: uppercase; font-size: 0.78rem; letter-spacing: 0.06em; }
.nav .navlink:hover { color: var(--green); text-shadow: 0 0 8px rgba(0, 255, 135, 0.5); }

/* Ticker: the CNBC strip goes full phosphor */
.ticker { background: #040604; border-top: 1px solid var(--green);
          box-shadow: 0 -1px 16px rgba(0, 255, 135, 0.15); }

/* Feed events */
.feed li { border-left: 2px solid var(--border-2); }
.feed-shark { border-left: 2px solid var(--down) !important;
              background: rgba(255, 56, 96, 0.04); }
.feed-reason { color: #9fb8a5; font-style: normal; }
.feed-reason::before { content: "> "; color: var(--green); }

/* Inputs: green caret, terminal fields */
.input, input, select, textarea { border-radius: var(--radius); caret-color: var(--green); }
.input:focus, input:focus, select:focus { outline: 1px solid var(--green);
  box-shadow: 0 0 10px rgba(0, 255, 135, 0.2); }

/* Status chips / brain actions keep their hue but square off */
.brain-act, .oc-badge, .tstatus { border-radius: var(--radius); }

/* Sparklines & charts sit on black glass */
.sparkcell svg, .chart-svg { filter: drop-shadow(0 0 3px rgba(0, 255, 135, 0.35)); }