/* ============================================================ GLITCH.exe — SHARED BRAND TOKENS Single source of truth for theme across landing + dashboard. Import this on every surface so the logo + palette are identical. ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap'); :root{ /* grounds */ --bg:#000000; --bg2:#070405; --surface:#0C0708; --surface2:#140B0A; --raise:#1C0F0C; --line:rgba(255,120,40,.14); --line2:rgba(255,120,40,.28); --line3:rgba(255,120,40,.4); /* ink */ --ink:#FFF8F0; --dim:#E3A486; --faint:#A87863; /* brand fire */ --fire:#FF5A1F; --fire-hot:#FF3B00; --ember:#FF8A2A; --gold:#FFC24A; --whitehot:#FFE8B0; /* SEMANTIC — positive/runner rides the FIRE, not blue. down is muted, not red-blue. */ --up:#2BFFA3; --down:#FF5A6A; --peak:#FF5A1F; --candle-up:#2BFFA3; --candle-down:#FF5A6A; /* accents used sparingly in the glitch wordmark only */ --chroma-cyan:#2FE0FF; --chroma-mag:#FF2D9B; /* type */ --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; --sans:"Geist","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; --glow:0 0 22px rgba(255,90,31,.45); --r:12px; } /* page-level CRT scanline texture — add class="glitch-scan" to */ .glitch-scan::after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none; background:repeating-linear-gradient(0deg,rgba(0,0,0,.26) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;opacity:.5} /* ---------- THE LOGO — GLITCH.BOT pixel wordmark (use in every header) ---------- GLITCH.BOT */ .pixlogo{font-family:'Press Start 2P',var(--mono);font-size:14px;letter-spacing:1px;display:inline-flex;align-items:center;gap:1px;line-height:1;user-select:none} .pixlogo.sm{font-size:11px}.pixlogo.lg{font-size:20px} .pixlogo .pw{position:relative;color:#f97316} .pixlogo .pw::before,.pixlogo .pw::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;pointer-events:none} .pixlogo .pw::before{color:#dc2626;clip-path:inset(0 0 62% 0);transform:translate(-1.2px,0)} .pixlogo .pw::after{color:#fb923c;clip-path:inset(68% 0 0 0);transform:translate(1.2px,0)} .pixlogo .pdot{color:var(--fire);margin:0 1px} /* ---------- shared components ---------- */ .glitch-pill{font-size:12.5px;color:var(--dim);background:var(--surface2);border:1px solid var(--line); border-radius:999px;padding:7px 15px;cursor:pointer;transition:.14s} .glitch-pill:hover{color:var(--ink)} .glitch-pill.on{background:linear-gradient(135deg,var(--ember),var(--fire-hot));color:#1a0500;font-weight:700;border-color:transparent} /* conviction tiers (consensus) — the moat. use on scanner SIGNAL + coin header */ .tier{font-family:var(--mono);font-size:10px;font-weight:800;padding:3px 8px;border-radius:6px;letter-spacing:.03em} .tier.t1{background:var(--surface2);color:var(--faint);border:1px solid var(--line)} /* RAW */ .tier.t2{background:rgba(255,194,74,.12);color:var(--gold);border:1px solid rgba(255,194,74,.3)} /* ⚡ x2 */ .tier.t3{background:rgba(255,138,42,.14);color:var(--ember);border:1px solid rgba(255,138,42,.34)} /* 🔥 x3 */ .tier.t4{background:rgba(255,90,31,.18);color:var(--fire);border:1px solid var(--line3);box-shadow:0 0 12px rgba(255,90,31,.3)} /* 🔥🔥 BANGER */ .up{color:var(--up)} .down{color:var(--down)} .peak{color:var(--peak)} /* ---------- MULTIPLE / PEAK color scale (bring back the color, keep fire as brand) ---------- apply by threshold on any x-multiple (peak, live, receipt): >=100x .mx-legend | 25-100 .mx-huge | 5-25 .mx-big | 2-5 .mx-mid | <2 .mx-low */ :root{--mult-legend:#2BFFA3;--mult-huge:#B478FF;--mult-big:#FF7A16;--mult-mid:#FFC24A;--mult-low:#8C6E66} .mx-legend{color:var(--mult-legend);text-shadow:0 0 14px rgba(43,255,163,.45)} .mx-huge{color:var(--mult-huge);text-shadow:0 0 12px rgba(180,120,255,.35)} .mx-big{color:var(--mult-big);text-shadow:0 0 12px rgba(255,90,31,.3)} .mx-mid{color:var(--mult-mid)} .mx-low{color:var(--mult-low)}