/* Theme skins for The Ishan Take overlays. The serving route sets . Overlays read these --tit-* tokens (with today's neon brand as inline fallbacks, so they still render standalone). */ /* classic = the original neon brand look (pink/cyan + Bungee); also the :root default. */ :root, [data-theme="classic"]{ --tit-panel:#0a0a1f; --tit-panel-2:#161635; --tit-row:rgba(255,255,255,.03); --tit-row-alt:rgba(255,255,255,.06); --tit-border:#000000; --tit-radius:14px; --tit-text:#FFFFFF; --tit-text-dim:rgba(255,255,255,.6); --tit-on-accent:#000000; --tit-accent:#FF00FF; --tit-accent-2:#00FFFF; --tit-leader:#FF00FF; --tit-live:#FF00FF; --tit-font-heading:'Bungee'; --tit-font-num:'Bungee'; --tit-font-body:'Inter'; --tit-accent-gradient:linear-gradient(120deg,#FF00FF,#00FFFF); } [data-theme="broadcast-navy"]{ --tit-panel:#0A0E2A; --tit-panel-2:#11183A; --tit-row:rgba(17,24,52,.85); --tit-row-alt:rgba(10,14,32,.85); --tit-border:rgba(255,255,255,.10); --tit-radius:14px; --tit-text:#FFFFFF; --tit-text-dim:rgba(255,255,255,.55); --tit-on-accent:#04060D; --tit-accent:#E30613; --tit-accent-2:#0A84FF; --tit-leader:#19D3E6; --tit-live:#FF2D40; --tit-font-heading:'Anton'; --tit-font-num:'Rajdhani'; --tit-font-body:'Inter'; --tit-accent-gradient:linear-gradient(120deg,#E30613,#0A84FF); } [data-theme="neon-pulse"]{ --tit-panel:rgba(42,10,74,.60); --tit-panel-2:rgba(176,20,158,.28); --tit-row:rgba(255,255,255,.06); --tit-row-alt:rgba(255,255,255,.03); --tit-border:rgba(255,255,255,.18); --tit-radius:16px; --tit-text:#FFFFFF; --tit-text-dim:rgba(255,255,255,.6); --tit-on-accent:#16021F; --tit-accent:#FF2D9B; --tit-accent-2:#B0149E; --tit-leader:#FF2D9B; --tit-live:#FF2D9B; --tit-font-heading:'Orbitron'; --tit-font-num:'Rajdhani'; --tit-font-body:'Inter'; --tit-accent-gradient:linear-gradient(120deg,#2A0A4A,#B0149E,#FF2D9B); } [data-theme="gold-prestige"]{ --tit-panel:#0A0A0C; --tit-panel-2:#15110A; --tit-row:rgba(255,210,63,.06); --tit-row-alt:rgba(255,255,255,.03); --tit-border:rgba(255,210,63,.35); --tit-radius:10px; --tit-text:#F6EFD8; --tit-text-dim:rgba(246,239,216,.55); --tit-on-accent:#0A0A0C; --tit-accent:#FFD23F; --tit-accent-2:#8A1F2B; --tit-leader:#FFD23F; --tit-live:#E30613; --tit-font-heading:'Cinzel'; --tit-font-num:'Cormorant'; --tit-font-body:'Inter'; --tit-accent-gradient:linear-gradient(120deg,#FFD23F,#B98A12); } [data-theme="royal-indigo"]{ --tit-panel:#160E33; --tit-panel-2:#211748; --tit-row:rgba(124,92,255,.07); --tit-row-alt:rgba(255,255,255,.03); --tit-border:rgba(124,92,255,.30); --tit-radius:12px; --tit-text:#EDEAFB; --tit-text-dim:rgba(237,234,251,.55); --tit-on-accent:#160E33; --tit-accent:#7C5CFF; --tit-accent-2:#B49BFF; --tit-leader:#E8C766; --tit-live:#FF4D6D; --tit-font-heading:'Archivo Black'; --tit-font-num:'Rajdhani'; --tit-font-body:'Inter'; --tit-accent-gradient:linear-gradient(120deg,#7C5CFF,#3A1E8A); } [data-theme="crimson-mono"]{ --tit-panel:#1A0406; --tit-panel-2:#3A0810; --tit-row:rgba(227,6,19,.08); --tit-row-alt:rgba(255,255,255,.03); --tit-border:rgba(227,6,19,.35); --tit-radius:8px; --tit-text:#FFFFFF; --tit-text-dim:rgba(255,255,255,.55); --tit-on-accent:#FFFFFF; --tit-accent:#E30613; --tit-accent-2:#7A0A12; --tit-leader:#E30613; --tit-live:#E30613; --tit-font-heading:'Oswald'; --tit-font-num:'Oswald'; --tit-font-body:'Barlow'; --tit-accent-gradient:linear-gradient(120deg,#3A0810,#E30613); } [data-theme="midnight-amber"]{ --tit-panel:#0B0B0E; --tit-panel-2:#161310; --tit-row:rgba(255,106,0,.07); --tit-row-alt:rgba(255,255,255,.03); --tit-border:rgba(255,106,0,.30); --tit-radius:6px; --tit-text:#F4F0EA; --tit-text-dim:rgba(244,240,234,.55); --tit-on-accent:#0B0B0E; --tit-accent:#FF6A00; --tit-accent-2:#B34A00; --tit-leader:#FF6A00; --tit-live:#FF6A00; --tit-font-heading:'Bebas Neue'; --tit-font-num:'Inter'; --tit-font-body:'Inter'; --tit-accent-gradient:linear-gradient(120deg,#FF6A00,#B34A00); } [data-theme="electric-ice"]{ --tit-panel:#04122E; --tit-panel-2:#072043; --tit-row:rgba(39,224,255,.06); --tit-row-alt:rgba(255,255,255,.03); --tit-border:rgba(39,224,255,.30); --tit-radius:12px; --tit-text:#EAF6FF; --tit-text-dim:rgba(234,246,255,.55); --tit-on-accent:#04122E; --tit-accent:#27E0FF; --tit-accent-2:#0A84FF; --tit-leader:#27E0FF; --tit-live:#27E0FF; --tit-font-heading:'Chakra Petch'; --tit-font-num:'Chakra Petch'; --tit-font-body:'Inter'; --tit-accent-gradient:linear-gradient(120deg,#0A84FF,#27E0FF); } [data-theme="sunset-heat"]{ --tit-panel:#3A0A1E; --tit-panel-2:#5A0F2A; --tit-row:rgba(255,176,32,.08); --tit-row-alt:rgba(255,255,255,.03); --tit-border:rgba(255,176,32,.30); --tit-radius:14px; --tit-text:#FFFFFF; --tit-text-dim:rgba(255,255,255,.6); --tit-on-accent:#3A0A1E; --tit-accent:#FFB020; --tit-accent-2:#B0149E; --tit-leader:#FFB020; --tit-live:#FF2D9B; --tit-font-heading:'Bungee'; --tit-font-num:'Barlow Semi Condensed'; --tit-font-body:'Barlow'; --tit-accent-gradient:linear-gradient(120deg,#C2103A,#B0149E,#FFB020); } [data-theme="mono-carbon"]{ --tit-panel:#16181C; --tit-panel-2:#1E2126; --tit-row:rgba(255,255,255,.04); --tit-row-alt:rgba(255,255,255,.02); --tit-border:rgba(255,255,255,.12); --tit-radius:8px; --tit-text:#F2F3F5; --tit-text-dim:rgba(242,243,245,.50); --tit-on-accent:#16181C; --tit-accent:#C5FF3D; --tit-accent-2:#8FBF2A; --tit-leader:#C5FF3D; --tit-live:#C5FF3D; --tit-font-heading:'Sora'; --tit-font-num:'JetBrains Mono'; --tit-font-body:'Inter Tight'; --tit-accent-gradient:linear-gradient(120deg,#C5FF3D,#8FBF2A); } [data-theme="stadium-spotlight"]{ --tit-panel:#05070D; --tit-panel-2:#0C1018; --tit-row:rgba(255,255,255,.05); --tit-row-alt:rgba(255,255,255,.02); --tit-border:rgba(255,255,255,.18); --tit-radius:10px; --tit-text:#FFFFFF; --tit-text-dim:rgba(255,255,255,.55); --tit-on-accent:#05070D; --tit-accent:#FFFFFF; --tit-accent-2:#9FB3C8; --tit-leader:#FFFFFF; --tit-live:#E30613; --tit-font-heading:'Big Shoulders Display'; --tit-font-num:'Saira'; --tit-font-body:'Inter'; --tit-accent-gradient:radial-gradient(circle at 50% 0,rgba(255,255,255,.6),transparent 70%); } /* Central per-theme motif flourishes via hook classes (added to overlays). */ [data-theme="royal-indigo"] .tit-leader{ box-shadow: inset 0 0 0 2px var(--tit-leader); } [data-theme="stadium-spotlight"] .tit-panel{ position:relative; } [data-theme="stadium-spotlight"] .tit-panel::after{ content:''; position:absolute; inset:0; pointer-events:none; background:radial-gradient(60% 50% at 50% 0,rgba(255,255,255,.10),transparent 70%); } [data-theme="gold-prestige"] .tit-heading{ letter-spacing:2px; }