/* ══════════════════════════════════════════════════════════════════════ THEMES.CSS — Sistema de Temas (Centro das Bets) Arquivo 100% aditivo: só existe para SOBRESCREVER as CSS Variables que style.css já usa via var(--nome,valor-atual). Sem data-theme="x" no , nada aqui se aplica e o site permanece exatamente como hoje. Pra desativar tudo: basta remover o deste arquivo em includes/template.php (ou não setar o atributo data-theme). Vocabulário de variáveis (definidas originalmente em css/style.css): --gold --gold2 --bg --bg2 --bg3 --pill --pill2 --card --card2 --border --text --muted --red --green --radius --glow (novo — brilho ao redor de cards/banner/barra social) ══════════════════════════════════════════════════════════════════════ */ /* "original" não redefine nada — mantém os valores padrão do style.css */ [data-theme="original"] { } [data-theme="navy"] { --gold:#F5C518; --gold2:#D4A017; --bg:#070B14; --bg2:#0A0F1C; --bg3:#0D1424; --pill:#111827; --pill2:#151F33; --card:#0F1626; --card2:#141C2E; --border:rgba(245,197,24,.25); --text:#F8FAFC; --muted:#7C8AA0; --red:#EF4444; --green:#22C55E; --glow:0 0 0 2px rgba(245,197,24,.5),0 0 16px rgba(245,197,24,.35); } [data-theme="emerald"] { --gold:#10B981; --gold2:#0D9668; --bg:#0A0A0A; --bg2:#0D0D0D; --bg3:#101010; --pill:#131313; --pill2:#161616; --card:#111827; --card2:#0F1520; --border:rgba(16,185,129,.25); --text:#F1F5F4; --muted:#7A8C86; --red:#EF4444; --green:#10B981; --glow:0 0 0 2px rgba(16,185,129,.55),0 0 16px rgba(16,185,129,.4); } [data-theme="cyan"] { --gold:#22D3EE; --gold2:#0FB8D4; --bg:#111318; --bg2:#15181F; --bg3:#191D26; --pill:#1B1F29; --pill2:#20242F; --card:#1A1D24; --card2:#1E222B; --border:rgba(34,211,238,.25); --text:#E8F6FA; --muted:#7E93A0; --red:#F87171; --green:#34D399; --glow:0 0 0 2px rgba(34,211,238,.5),0 0 16px rgba(34,211,238,.35); } [data-theme="purple"] { --gold:#F5C518; --gold2:#D4A017; --bg:#1A0B2E; --bg2:#1F0F38; --bg3:#241143; --pill:#2A1450; --pill2:#2F1856; --card:#231240; --card2:#2A1650; --border:rgba(245,197,24,.25); --text:#F5F1FA; --muted:#9A8CB0; --red:#F87171; --green:#34D399; --glow:0 0 0 2px rgba(245,197,24,.5),0 0 16px rgba(168,85,247,.35); } [data-theme="orange"] { --gold:#FB923C; --gold2:#EA7C1F; --bg:#0B0F1A; --bg2:#0E1420; --bg3:#111926; --pill:#141C2A; --pill2:#182031; --card:#131B28; --card2:#17202E; --border:rgba(251,146,60,.25); --text:#FDF6F0; --muted:#8A93A3; --red:#EF4444; --green:#22C55E; --glow:0 0 0 2px rgba(251,146,60,.5),0 0 16px rgba(251,146,60,.35); } /* ── Sazonais ── */ [data-theme="natal"] { --gold:#D4AF37; --gold2:#B8941F; --bg:#062A18; --bg2:#052014; --bg3:#083220; --pill:#0B3D24; --pill2:#0E4A2C; --card:#0A2E1B; --card2:#0D3820; --border:rgba(212,175,55,.3); --text:#F5F0E6; --muted:#7FA88F; --red:#E11D2E; --green:#1E8449; --glow:0 0 0 2px rgba(212,175,55,.55),0 0 16px rgba(212,175,55,.4); } [data-theme="anonovo"] { --gold:#D4AF37; --gold2:#B8941F; --bg:#0A0A12; --bg2:#0D0D18; --bg3:#10101E; --pill:#131322; --pill2:#171728; --card:#121220; --card2:#161628; --border:rgba(212,175,55,.3); --text:#F5F5FA; --muted:#8888A0; --red:#EF4444; --green:#22C55E; --glow:0 0 0 2px rgba(212,175,55,.5),0 0 16px rgba(212,175,55,.35); } [data-theme="halloween"] { --gold:#FF7A18; --gold2:#CC5F0F; --bg:#0A0A0A; --bg2:#0D0A0F; --bg3:#120D14; --pill:#160F1A; --pill2:#1A121F; --card:#140E18; --card2:#180F1C; --border:rgba(255,122,24,.3); --text:#F5EDE3; --muted:#8C7A70; --red:#DC2626; --green:#22C55E; --glow:0 0 0 2px rgba(255,122,24,.55),0 0 16px rgba(255,122,24,.4); } [data-theme="carnaval"] { --gold:#EAB308; --gold2:#CA8A04; --bg:#150A29; --bg2:#1A0E33; --bg3:#1F123D; --pill:#241548; --pill2:#291A52; --card:#1D1038; --card2:#221542; --border:rgba(234,179,8,.3); --text:#F9F3E3; --muted:#9C8CB0; --red:#EF4444; --green:#22C55E; --glow:0 0 0 2px rgba(234,179,8,.5),0 0 16px rgba(124,58,237,.4); } [data-theme="pascoa"] { --gold:#D9C08A; --gold2:#B89B5E; --bg:#14161C; --bg2:#181B23; --bg3:#1C1F29; --pill:#20232D; --pill2:#252935; --card:#1B1E27; --card2:#20232D; --border:rgba(217,192,138,.3); --text:#F5F0E0; --muted:#9C9686; --red:#EF4444; --green:#22C55E; --glow:0 0 0 2px rgba(217,192,138,.5),0 0 16px rgba(217,192,138,.35); } [data-theme="copa"] { --gold:#FCD116; --gold2:#E0B90E; --bg:#0B0F1A; --bg2:#062A1D; --bg3:#0A3323; --pill:#0D3D2A; --pill2:#0F4630; --card:#0A2A1D; --card2:#0D3323; --border:rgba(252,209,22,.3); --text:#F5FAF6; --muted:#7FA890; --red:#EF4444; --green:#009C3B; --glow:0 0 0 2px rgba(252,209,22,.5),0 0 16px rgba(0,156,59,.4); } [data-theme="chines"] { --gold:#D4AF37; --gold2:#B8941F; --bg:#1A0505; --bg2:#220707; --bg3:#2A0909; --pill:#300A0A; --pill2:#380C0C; --card:#280808; --card2:#300A0A; --border:rgba(212,175,55,.35); --text:#FBF3E4; --muted:#B08A8A; --red:#DC2626; --green:#22C55E; --glow:0 0 0 2px rgba(212,175,55,.55),0 0 16px rgba(212,175,55,.4); } [data-theme="blackfriday"] { --gold:#FFFFFF; --gold2:#D0D0D0; --bg:#000000; --bg2:#0A0A0A; --bg3:#131313; --pill:#161616; --pill2:#1C1C1C; --card:#111111; --card2:#161616; --border:rgba(255,255,255,.18); --text:#FFFFFF; --muted:#8C8C8C; --red:#FF3B3B; --green:#22C55E; --glow:0 0 0 2px rgba(255,255,255,.4),0 0 16px rgba(255,255,255,.25); } [data-theme="saojoao"] { --gold:#F97316; --gold2:#C2410C; --bg:#2A1206; --bg2:#32160A; --bg3:#3A1A0D; --pill:#401C0E; --pill2:#4A2110; --card:#38180C; --card2:#42200F; --border:rgba(249,115,22,.3); --text:#FBF0E3; --muted:#B08F72; --red:#B91C1C; --green:#65A30D; --glow:0 0 0 2px rgba(249,115,22,.5),0 0 16px rgba(249,115,22,.35); } [data-theme="verao"] { --gold:#F59E0B; --gold2:#EA580C; --bg:#083344; --bg2:#0C3B4D; --bg3:#0F445A; --pill:#114D63; --pill2:#14566C; --card:#0D3E52; --card2:#10475D; --border:rgba(245,158,11,.3); --text:#F0FBFF; --muted:#7FB3C7; --red:#EF4444; --green:#22C55E; --glow:0 0 0 2px rgba(245,158,11,.5),0 0 16px rgba(14,165,233,.4); }