/* public/assets/css/themes.css — Paletas de colores y tipografías */
/* Extraído de los HTMLs originales — fuente única de verdad para todos los temas */

/* ─── Tipografías ────────────────────────────────────────────────────────── */
.font-syne { font-family: 'Syne', sans-serif; }
.font-outfit { font-family: 'Outfit', sans-serif; }
.font-space-grotesk { font-family: 'Space Grotesk', sans-serif; }
.font-inter { font-family: 'Inter', sans-serif; }
.font-playfair { font-family: 'Playfair Display', serif; }
.font-archivo { font-family: 'Archivo', sans-serif; }
.font-oswald { font-family: 'Oswald', sans-serif; }
.font-roboto-mono { font-family: 'Roboto Mono', monospace; }
.font-space-mono { font-family: 'Space Mono', monospace; }
.font-montserrat { font-family: 'Montserrat', sans-serif; }

/* ─── Paletas de Color (10 Temas) ─────────────────────────────────────────── */
.palette-cyber {
  --bg-primary: #090d16; --bg-card: #111827; --bg-accent: rgba(14,165,233,0.15);
  --border-accent: rgba(56,189,248,0.3); --accent-color: #06b6d4; --accent-hover: #22d3ee;
  --accent-text: #67e8f9; --text-main: #f8fafc; --badge-bg: #164e63; --badge-text: #22d3ee;
}
.palette-acid {
  --bg-primary: #0a0a0a; --bg-card: #171717; --bg-accent: rgba(163,230,53,0.12);
  --border-accent: rgba(163,230,53,0.35); --accent-color: #84cc16; --accent-hover: #a3e635;
  --accent-text: #bef264; --text-main: #f5f5f5; --badge-bg: #365314; --badge-text: #bef264;
}
.palette-sunset {
  --bg-primary: #0f0b15; --bg-card: #1c1326; --bg-accent: rgba(244,63,94,0.15);
  --border-accent: rgba(251,113,133,0.35); --accent-color: #f43f5e; --accent-hover: #fb7185;
  --accent-text: #fda4af; --text-main: #fff1f2; --badge-bg: #881337; --badge-text: #fecdd3;
}
.palette-berghain {
  --bg-primary: #0d0d11; --bg-card: #181820; --bg-accent: rgba(225,29,72,0.15);
  --border-accent: rgba(244,63,94,0.4); --accent-color: #e11d48; --accent-hover: #f43f5e;
  --accent-text: #fda4af; --text-main: #f8fafc; --badge-bg: #4c0519; --badge-text: #fecdd3;
}
.palette-monochrome {
  --bg-primary: #000000; --bg-card: #121212; --bg-accent: rgba(255,255,255,0.12);
  --border-accent: rgba(255,255,255,0.3); --accent-color: #e5e5e5; --accent-hover: #ffffff;
  --accent-text: #f5f5f5; --text-main: #ffffff; --badge-bg: #262626; --badge-text: #e5e5e5;
}
.palette-violet {
  --bg-primary: #0b0714; --bg-card: #160f26; --bg-accent: rgba(168,85,247,0.15);
  --border-accent: rgba(192,132,252,0.35); --accent-color: #a855f7; --accent-hover: #c084fc;
  --accent-text: #e9d5ff; --text-main: #faf5ff; --badge-bg: #581c87; --badge-text: #e9d5ff;
}
.palette-emerald {
  --bg-primary: #021a12; --bg-card: #062c20; --bg-accent: rgba(16,185,129,0.15);
  --border-accent: rgba(52,211,153,0.35); --accent-color: #10b981; --accent-hover: #34d399;
  --accent-text: #a7f3d0; --text-main: #ecfdf5; --badge-bg: #064e3b; --badge-text: #a7f3d0;
}
.palette-amber {
  --bg-primary: #170d03; --bg-card: #271807; --bg-accent: rgba(245,158,11,0.15);
  --border-accent: rgba(251,191,36,0.35); --accent-color: #f59e0b; --accent-hover: #fbbf24;
  --accent-text: #fde68a; --text-main: #fffbeb; --badge-bg: #78350f; --badge-text: #fde68a;
}
.palette-navy {
  --bg-primary: #030a16; --bg-card: #0b172a; --bg-accent: rgba(59,130,246,0.15);
  --border-accent: rgba(96,165,250,0.35); --accent-color: #3b82f6; --accent-hover: #60a5fa;
  --accent-text: #bfdbfe; --text-main: #eff6ff; --badge-bg: #1e3a8a; --badge-text: #bfdbfe;
}
.palette-magenta {
  --bg-primary: #160410; --bg-card: #29081f; --bg-accent: rgba(236,72,153,0.15);
  --border-accent: rgba(244,114,182,0.35); --accent-color: #ec4899; --accent-hover: #f472b6;
  --accent-text: #fbcfe8; --text-main: #fdf2f8; --badge-bg: #831843; --badge-text: #fbcfe8;
}