/* ==========================================================
   Reservas Zervio5 · Temas (v2.0)
   Un solo código, 4 temas. Cada tema solo define variables.
   El color principal (--acento) se puede cambiar desde
   Ajustes > Apariencia; llega como estilo en línea.
   Se aplica con la clase .tema-<nombre> en <body>.
   ========================================================== */

/* ---------- App de reserva (body.app) ---------- */
.tema-clasica {
    --fondo: #14171c;
    --superficie: #1c2028;
    --superficie-2: #242934;
    --texto: #f3eee4;
    --texto-2: #a3a8b0;
    --borde: rgba(243, 238, 228, 0.12);
    --acento: #c9a227;
    --acento-texto: #14171c;
    --peligro: #ef6b6b;
    --exito: #4cc38a;
    --radio: 14px;
    --fuente-titulo: 'Bebas Neue', 'Oswald', Impact, sans-serif;
    --titulo-peso: 400;
    --titulo-espaciado: 0.02em;
    --titulo-escala: 1.25;
    --fuente-texto: 'Work Sans', system-ui, sans-serif;
}

.tema-urbana {
    --fondo: #0b0b0d;
    --superficie: #17171b;
    --superficie-2: #222228;
    --texto: #ffffff;
    --texto-2: #a1a1aa;
    --borde: rgba(255, 255, 255, 0.10);
    --acento: #ff3d57;
    --acento-texto: #ffffff;
    --peligro: #ff6b6b;
    --exito: #22d38a;
    --radio: 6px;
    --fuente-titulo: 'Archivo Black', 'Arial Black', sans-serif;
    --titulo-peso: 400;
    --titulo-espaciado: -0.01em;
    --titulo-escala: 1;
    --fuente-texto: 'Inter', system-ui, sans-serif;
}

.tema-premium {
    --fondo: #0f0f0f;
    --superficie: #191816;
    --superficie-2: #23211e;
    --texto: #efe9dd;
    --texto-2: #a39d91;
    --borde: rgba(212, 178, 106, 0.18);
    --acento: #d4b26a;
    --acento-texto: #121212;
    --peligro: #e57373;
    --exito: #81c995;
    --radio: 2px;
    --fuente-titulo: 'Cormorant Garamond', Georgia, serif;
    --titulo-peso: 600;
    --titulo-espaciado: 0;
    --titulo-escala: 1.15;
    --fuente-texto: 'Manrope', system-ui, sans-serif;
}

.tema-clara {
    --fondo: #f6f6f7;
    --superficie: #ffffff;
    --superficie-2: #f0f0f2;
    --texto: #15161a;
    --texto-2: #60646c;
    --borde: #e3e3e7;
    --acento: #2563eb;
    --acento-texto: #ffffff;
    --peligro: #dc2626;
    --exito: #16a34a;
    --radio: 16px;
    --fuente-titulo: 'Inter', system-ui, sans-serif;
    --titulo-peso: 800;
    --titulo-espaciado: -0.02em;
    --titulo-escala: 1;
    --fuente-texto: 'Inter', system-ui, sans-serif;
}