/* Onyx theme (Prime Onyx default): onyx-black grounds, neon-pink brand, soft silver text.
   Loaded after tokens.css. Gains stay green, losses coral-orange so they never read as the brand pink. */
:root, [data-theme="dark"] {
  --bg: #050507; --bg-2: #0a090d; --surface: #111015; --surface-2: #18161d;
  --line: #24212a; --line-2: #332e3a; --line-control: #5f5868;
  --fg: #f6f3f8; --fg-2: #bdb6c4; --fg-3: #8b8493;
  --accent: #ff2e88; --accent-2: #ff6db0; --accent-ink: #ffffff;
  --champ: #d6cfe0; --champ-ink: #121015;
  --up: #3fd18f; --down: #ff9a5b; --warn: #f0c35a; --info: #6aa8e0;
  --shadow-glow: 0 6px 26px -6px rgba(255,46,136,0.6);
  --accent-tint: rgba(255,46,136,.08); --accent-soft: rgba(255,46,136,.16); --champ-tint: rgba(214,207,224,.07);
  --glow-1: rgba(160,20,90,.30); --glow-2: rgba(80,10,50,.42); --glow-3: rgba(190,25,105,.42);
  --auth-from: #1a0812; --auth-to: #050507;
  --topbar-bg: rgba(5,5,7,.86); --tabbar-bg: rgba(5,5,7,.96); --overlay-bg: rgba(5,5,7,.72); --surface-a60: rgba(17,16,21,.6);
  --chart-line: #3fd18f; --chart-area: #1f9e66;
  --chart-bg: rgba(17,16,21,1); --chart-grid: rgba(51,46,58,0.5);
}
/* wordmark: PRIME in silver, ONYX in neon pink */
.brand{background:linear-gradient(180deg,#ffffff,#b9b2c2);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand b{-webkit-text-fill-color:var(--accent);color:var(--accent);text-shadow:0 0 18px rgba(255,46,136,.55)}
.brand img{border-radius:24%;width:32px!important;height:32px!important}
.btn-primary{background-image:linear-gradient(180deg,#ff3d92,#e0157a);box-shadow:0 0 0 1px rgba(255,46,136,.4),0 8px 28px -8px rgba(255,46,136,.7)}
.btn-primary:hover{background-image:linear-gradient(180deg,#ff55a1,#ea1d84)}
h1 em,h2 em{color:var(--accent-2);text-shadow:0 0 28px rgba(255,46,136,.45)}

/* ---------- Prime Onyx landing extras ---------- */
.po-ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-2);min-height:46px}
.po-ticker .tradingview-widget-container{max-width:none}
.po-hero{position:relative}
.app.mb{overflow-x:clip}
.po-hero::before{content:"";position:absolute;inset:-120px -30% auto;height:520px;pointer-events:none;
  background:radial-gradient(600px 300px at 20% 30%,rgba(255,46,136,.16),transparent 70%),radial-gradient(500px 260px at 85% 10%,rgba(150,40,255,.10),transparent 70%)}
.po-hero > *{position:relative}
.po-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:32px}
.po-stats div{border:1px solid var(--line);border-radius:var(--radius-md);padding:12px 14px;background:var(--surface-a60)}
.po-stats b{display:block;font:700 20px/1.2 var(--font-wordmark);color:var(--fg)}
.po-stats span{font-size:12.5px;color:var(--fg-3)}
.po-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.po-step{position:relative;border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;background:var(--surface);transition:border-color .2s,box-shadow .2s}
.po-step:hover{border-color:rgba(255,46,136,.5);box-shadow:0 0 0 1px rgba(255,46,136,.2),0 18px 40px -24px rgba(255,46,136,.6)}
.po-step .n{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;font:700 14px var(--font-wordmark);color:var(--accent-ink);background:linear-gradient(180deg,#ff3d92,#c8106c);box-shadow:var(--shadow-glow)}
.po-step h3{margin:14px 0 6px;font:600 18px/1.35 var(--font-serif)}
.po-step p{margin:0;color:var(--fg-2);font-size:14.5px;line-height:1.65}
.po-strats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.po-strats .bot{height:100%}
.po-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.po-feature{border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px;background:linear-gradient(180deg,var(--surface),var(--bg-2))}
.po-feature h3{margin:12px 0 6px;font:600 17px/1.35 var(--font-serif)}
.po-feature p{margin:0;color:var(--fg-2);font-size:14px;line-height:1.6}
.po-feature svg{width:28px;height:28px;stroke:var(--accent-2)}
@media (max-width:1100px){.po-strats{grid-template-columns:repeat(3,minmax(0,1fr))}.po-features{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.po-steps,.po-strats{grid-template-columns:minmax(0,1fr)}.po-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.po-features{grid-template-columns:minmax(0,1fr)}}