/* ============================================================
   MI Games — Sistema de PALETAS (10 agências de referência)
   Modelo de tokens: --bg, --accent-a, --accent-b.
   Troca ao vivo trocando html[data-palette="slug"] (seletor flutuante).
   Tailwind v4 usa var(--color-*) -> remapeamos preto->bg e pink->accent-a.
   Tudo FLAT (sem glow/gradiente).
   ============================================================ */

:root{
  /* DEFAULT = Buck (colorido/bold) */
  --bg:#000000;  --accent-a:#FF4FA3;  --accent-b:#2EC4FF;

  /* remap Tailwind */
  --color-black:var(--bg);
  --color-pink-300:var(--accent-a); --color-pink-400:var(--accent-a);
  --color-pink-500:var(--accent-a); --color-pink-600:var(--accent-a); --color-pink-700:var(--accent-a);
}

/* ---- Paletas ESCURAS (encaixam no design dark atual) ---- */
html[data-palette="buck"]          { --bg:#000000; --accent-a:#FF4FA3; --accent-b:#2EC4FF; }
html[data-palette="active-theory"] { --bg:#0A0A0A; --accent-a:#00E5FF; --accent-b:#FFFFFF; }
html[data-palette="resn"]          { --bg:#0C0C0E; --accent-a:#00FFA3; --accent-b:#B14BFF; }
html[data-palette="gpj"]           { --bg:#0E1116; --accent-a:#1565C0; --accent-b:#F2F4F6; }
html[data-palette="jack-morton"]   { --bg:#0A0A0A; --accent-a:#E2231A; --accent-b:#FFFFFF; }
html[data-palette="imagination"]   { --bg:#14171A; --accent-a:#D64525; --accent-b:#EDEDEA; }
html[data-palette="monks"]         { --bg:#000000; --accent-a:#FFFFFF; --accent-b:#9B9B9B; }
/* "claras" adaptadas pro dark: ignora o fundo claro, usa só os acentos delas */
html[data-palette="unit9"]         { --bg:#0A0A0A; --accent-a:#E63329; --accent-b:#FFFFFF; }
html[data-palette="north-kingdom"] { --bg:#0E0E0E; --accent-a:#FF5A36; --accent-b:#2F6BFF; }
html[data-palette="locomotive"]    { --bg:#14110D; --accent-a:#C8462C; --accent-b:#FFFFFF; }

/* ---- Aplicação ---- */
html, body { background:var(--bg) !important; }
.bg-pink-600 { box-shadow:none !important; }   /* botão primário rosa CHAPADO (vira accent-a via remap) */

/* classes de acento — SEGUEM a paleta ativa */
.accent-a { color:var(--accent-a) !important; }
.accent-b { color:var(--accent-b) !important; }

/* aliases fixos da Buck (compat / uso pontual) */
.c-rosa{color:#FF4FA3 !important;} .c-azul{color:#2EC4FF !important;}
.c-amarelo{color:#FFD23F !important;} .c-roxo{color:#8B5CF6 !important;}

/* ============================================================
   TIPOGRAFIA — 4 pares (display + corpo). Troca via html[data-type].
   ============================================================ */
:root { --font-display:"Bebas Neue", system-ui, sans-serif; --font-body:"Geist", system-ui, sans-serif; --display-weight:400; }
html[data-type="bebas-geist"]    { --font-display:"Bebas Neue", sans-serif;    --font-body:"Geist", system-ui, sans-serif;   --display-weight:400; }
html[data-type="anton-inter"]    { --font-display:"Anton", sans-serif;         --font-body:"Inter", system-ui, sans-serif;   --display-weight:400; }
html[data-type="archivo"]        { --font-display:"Archivo Black", sans-serif; --font-body:"Archivo", system-ui, sans-serif;  --display-weight:400; }
html[data-type="oswald-manrope"] { --font-display:"Oswald", sans-serif;        --font-body:"Manrope", system-ui, sans-serif; --display-weight:600; }
.display { font-family: var(--font-display) !important; font-weight: var(--display-weight) !important; }
body { font-family: var(--font-body); }
/* Archivo Black é larga/pesada -> letreiro 25% menor quando essa tipografia está ativa */
html[data-type="archivo"] .letreiro { font-size: clamp(1.2rem, 3vw, 2.85rem) !important; }