/* Generado desde lib/temas.js — no editar a mano */

[data-tema="escenario"] {
    color-scheme: dark;
    --bg: #1b1b20; --bg-deep: #16161a; --shadow-dark: #0e0e11; --shadow-light: #282830;
    --primary: #9b51e0; --primary-rgb: 155, 81, 224; --primary-light: #8b45d4; --primary-strong: #7633bd;
    --primary-soft: #b98af0; --primary-glow: rgba(155, 81, 224, 0.45); --on-primary: #ffffff;
    --text: #f2f2f5; --text-dim: #a1a1aa; --text-faint: #71717a;
    --success: #34d399; --danger: #f87171; --amber: #fbbf24;
    --scrim: rgba(6, 6, 8, 0.7);
    --mapa-filtro: invert(0.92) hue-rotate(200deg) brightness(0.95) saturate(0.6);
    --neu-sm: 3px 3px 6px var(--shadow-dark), -3px -3px 6px var(--shadow-light);
    --neu: 6px 6px 14px var(--shadow-dark), -6px -6px 14px var(--shadow-light);
    --neu-lg: 12px 12px 28px var(--shadow-dark), -10px -10px 24px var(--shadow-light);
    --neu-inset-sm: inset 2px 2px 5px var(--shadow-dark), inset -2px -2px 5px var(--shadow-light);
    --neu-inset: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light);
    --glow: 0 0 18px var(--primary-glow);
}

[data-tema="medianoche"] {
    color-scheme: dark;
    --bg: #161b26; --bg-deep: #121620; --shadow-dark: #0b0e15; --shadow-light: #222938;
    --primary: #d4af6a; --primary-rgb: 212, 175, 106; --primary-light: #e2c486; --primary-strong: #b8924c;
    --primary-soft: #e3c78f; --primary-glow: rgba(212, 175, 106, 0.45); --on-primary: #1a1406;
    --text: #f3f0e8; --text-dim: #a9adb8; --text-faint: #6e7381;
    --success: #4ade80; --danger: #f87171; --amber: #fbbf24;
    --scrim: rgba(6, 6, 8, 0.7);
    --mapa-filtro: invert(0.92) hue-rotate(200deg) brightness(0.95) saturate(0.6);
    --neu-sm: 3px 3px 6px var(--shadow-dark), -3px -3px 6px var(--shadow-light);
    --neu: 6px 6px 14px var(--shadow-dark), -6px -6px 14px var(--shadow-light);
    --neu-lg: 12px 12px 28px var(--shadow-dark), -10px -10px 24px var(--shadow-light);
    --neu-inset-sm: inset 2px 2px 5px var(--shadow-dark), inset -2px -2px 5px var(--shadow-light);
    --neu-inset: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light);
    --glow: 0 0 18px var(--primary-glow);
}

[data-tema="neon"] {
    color-scheme: dark;
    --bg: #111316; --bg-deep: #0d0f11; --shadow-dark: #070809; --shadow-light: #1d2026;
    --primary: #22d3ee; --primary-rgb: 34, 211, 238; --primary-light: #67e8f9; --primary-strong: #06b6d4;
    --primary-soft: #67e8f9; --primary-glow: rgba(34, 211, 238, 0.45); --on-primary: #03252c;
    --text: #eef6f8; --text-dim: #9aa4ad; --text-faint: #66707a;
    --success: #4ade80; --danger: #fb7185; --amber: #facc15;
    --scrim: rgba(6, 6, 8, 0.7);
    --mapa-filtro: invert(0.92) hue-rotate(200deg) brightness(0.95) saturate(0.6);
    --neu-sm: 3px 3px 6px var(--shadow-dark), -3px -3px 6px var(--shadow-light);
    --neu: 6px 6px 14px var(--shadow-dark), -6px -6px 14px var(--shadow-light);
    --neu-lg: 12px 12px 28px var(--shadow-dark), -10px -10px 24px var(--shadow-light);
    --neu-inset-sm: inset 2px 2px 5px var(--shadow-dark), inset -2px -2px 5px var(--shadow-light);
    --neu-inset: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light);
    --glow: 0 0 18px var(--primary-glow);
}

[data-tema="marfil"] {
    color-scheme: light;
    --bg: #ece6dd; --bg-deep: #e3dcd1; --shadow-dark: #c9c1b5; --shadow-light: #ffffff;
    --primary: #8c2f45; --primary-rgb: 140, 47, 69; --primary-light: #a33d56; --primary-strong: #74253a;
    --primary-soft: #7a2639; --primary-glow: rgba(140, 47, 69, 0.3); --on-primary: #ffffff;
    --text: #2a2224; --text-dim: #5c5155; --text-faint: #8f8589;
    --success: #04664a; --danger: #b91c1c; --amber: #875006;
    --scrim: rgba(40, 36, 32, 0.45);
    --mapa-filtro: none;
    --neu-sm: 3px 3px 6px var(--shadow-dark), -3px -3px 6px var(--shadow-light);
    --neu: 6px 6px 14px var(--shadow-dark), -6px -6px 14px var(--shadow-light);
    --neu-lg: 12px 12px 28px var(--shadow-dark), -10px -10px 24px var(--shadow-light);
    --neu-inset-sm: inset 2px 2px 5px var(--shadow-dark), inset -2px -2px 5px var(--shadow-light);
    --neu-inset: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light);
    --glow: 0 0 18px var(--primary-glow);
}

[data-tema="nube"] {
    color-scheme: light;
    --bg: #e3e8ef; --bg-deep: #d9dfe8; --shadow-dark: #bcc4d0; --shadow-light: #ffffff;
    --primary: #2f5fdc; --primary-rgb: 47, 95, 220; --primary-light: #2c59cf; --primary-strong: #2146ad;
    --primary-soft: #2449b8; --primary-glow: rgba(47, 95, 220, 0.3); --on-primary: #ffffff;
    --text: #1c2433; --text-dim: #4b5669; --text-faint: #8590a2;
    --success: #04664a; --danger: #b91c1c; --amber: #875006;
    --scrim: rgba(40, 36, 32, 0.45);
    --mapa-filtro: none;
    --neu-sm: 3px 3px 6px var(--shadow-dark), -3px -3px 6px var(--shadow-light);
    --neu: 6px 6px 14px var(--shadow-dark), -6px -6px 14px var(--shadow-light);
    --neu-lg: 12px 12px 28px var(--shadow-dark), -10px -10px 24px var(--shadow-light);
    --neu-inset-sm: inset 2px 2px 5px var(--shadow-dark), inset -2px -2px 5px var(--shadow-light);
    --neu-inset: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light);
    --glow: 0 0 18px var(--primary-glow);
}

[data-tema="jade"] {
    color-scheme: light;
    --bg: #e2ece7; --bg-deep: #d7e3dd; --shadow-dark: #b8c8bf; --shadow-light: #ffffff;
    --primary: #0f766e; --primary-rgb: 15, 118, 110; --primary-light: #0f746c; --primary-strong: #0b5c55;
    --primary-soft: #0b5f58; --primary-glow: rgba(15, 118, 110, 0.3); --on-primary: #ffffff;
    --text: #17241f; --text-dim: #465850; --text-faint: #84958e;
    --success: #106131; --danger: #b91c1c; --amber: #875006;
    --scrim: rgba(40, 36, 32, 0.45);
    --mapa-filtro: none;
    --neu-sm: 3px 3px 6px var(--shadow-dark), -3px -3px 6px var(--shadow-light);
    --neu: 6px 6px 14px var(--shadow-dark), -6px -6px 14px var(--shadow-light);
    --neu-lg: 12px 12px 28px var(--shadow-dark), -10px -10px 24px var(--shadow-light);
    --neu-inset-sm: inset 2px 2px 5px var(--shadow-dark), inset -2px -2px 5px var(--shadow-light);
    --neu-inset: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light);
    --glow: 0 0 18px var(--primary-glow);
}

[data-tema="atardecer"] {
    color-scheme: dark;
    --bg: #3a1c24; --bg-deep: #31171e; --shadow-dark: #221016; --shadow-light: #4b2731;
    --primary: #ff8a65; --primary-rgb: 255, 138, 101; --primary-light: #ffa585; --primary-strong: #f4683f;
    --primary-soft: #ffab91; --primary-glow: rgba(255, 138, 101, 0.45); --on-primary: #2a0f08;
    --text: #fbeee9; --text-dim: #d4b3ac; --text-faint: #9c7c76;
    --success: #6ee7a8; --danger: #fda4af; --amber: #fcd34d;
    --scrim: rgba(6, 6, 8, 0.7);
    --mapa-filtro: invert(0.92) hue-rotate(200deg) brightness(0.95) saturate(0.6);
    --neu-sm: 3px 3px 6px var(--shadow-dark), -3px -3px 6px var(--shadow-light);
    --neu: 6px 6px 14px var(--shadow-dark), -6px -6px 14px var(--shadow-light);
    --neu-lg: 12px 12px 28px var(--shadow-dark), -10px -10px 24px var(--shadow-light);
    --neu-inset-sm: inset 2px 2px 5px var(--shadow-dark), inset -2px -2px 5px var(--shadow-light);
    --neu-inset: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light);
    --glow: 0 0 18px var(--primary-glow);
}

[data-tema="oceano"] {
    color-scheme: dark;
    --bg: #0e3446; --bg-deep: #0b2c3b; --shadow-dark: #071f2a; --shadow-light: #16465b;
    --primary: #ffc94d; --primary-rgb: 255, 201, 77; --primary-light: #ffd77a; --primary-strong: #f2b62a;
    --primary-soft: #ffd77a; --primary-glow: rgba(255, 201, 77, 0.45); --on-primary: #2a1d00;
    --text: #eaf6fb; --text-dim: #a9c6d3; --text-faint: #6f94a5;
    --success: #5eead4; --danger: #fca5a5; --amber: #fdba74;
    --scrim: rgba(6, 6, 8, 0.7);
    --mapa-filtro: invert(0.92) hue-rotate(200deg) brightness(0.95) saturate(0.6);
    --neu-sm: 3px 3px 6px var(--shadow-dark), -3px -3px 6px var(--shadow-light);
    --neu: 6px 6px 14px var(--shadow-dark), -6px -6px 14px var(--shadow-light);
    --neu-lg: 12px 12px 28px var(--shadow-dark), -10px -10px 24px var(--shadow-light);
    --neu-inset-sm: inset 2px 2px 5px var(--shadow-dark), inset -2px -2px 5px var(--shadow-light);
    --neu-inset: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light);
    --glow: 0 0 18px var(--primary-glow);
}

[data-tema="esmeralda"] {
    color-scheme: dark;
    --bg: #12382b; --bg-deep: #0f2f24; --shadow-dark: #09211a; --shadow-light: #1b4939;
    --primary: #b6e35b; --primary-rgb: 182, 227, 91; --primary-light: #c8ee7c; --primary-strong: #9ccc3f;
    --primary-soft: #c8ee7c; --primary-glow: rgba(182, 227, 91, 0.45); --on-primary: #16260a;
    --text: #eef7f1; --text-dim: #a8c7b9; --text-faint: #6f9584;
    --success: #5eead4; --danger: #fca5a5; --amber: #fcd34d;
    --scrim: rgba(6, 6, 8, 0.7);
    --mapa-filtro: invert(0.92) hue-rotate(200deg) brightness(0.95) saturate(0.6);
    --neu-sm: 3px 3px 6px var(--shadow-dark), -3px -3px 6px var(--shadow-light);
    --neu: 6px 6px 14px var(--shadow-dark), -6px -6px 14px var(--shadow-light);
    --neu-lg: 12px 12px 28px var(--shadow-dark), -10px -10px 24px var(--shadow-light);
    --neu-inset-sm: inset 2px 2px 5px var(--shadow-dark), inset -2px -2px 5px var(--shadow-light);
    --neu-inset: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light);
    --glow: 0 0 18px var(--primary-glow);
}

[data-tema="fiesta"] {
    color-scheme: dark;
    --bg: #2d1336; --bg-deep: #26102e; --shadow-dark: #1a0a20; --shadow-light: #3d1c48;
    --primary: #ff5fa8; --primary-rgb: 255, 95, 168; --primary-light: #ff86bd; --primary-strong: #f0428f;
    --primary-soft: #ff8cc3; --primary-glow: rgba(255, 95, 168, 0.45); --on-primary: #2b0516;
    --text: #fbeef6; --text-dim: #d0b0c6; --text-faint: #977890;
    --success: #6ee7b7; --danger: #fca5a5; --amber: #fcd34d;
    --scrim: rgba(6, 6, 8, 0.7);
    --mapa-filtro: invert(0.92) hue-rotate(200deg) brightness(0.95) saturate(0.6);
    --neu-sm: 3px 3px 6px var(--shadow-dark), -3px -3px 6px var(--shadow-light);
    --neu: 6px 6px 14px var(--shadow-dark), -6px -6px 14px var(--shadow-light);
    --neu-lg: 12px 12px 28px var(--shadow-dark), -10px -10px 24px var(--shadow-light);
    --neu-inset-sm: inset 2px 2px 5px var(--shadow-dark), inset -2px -2px 5px var(--shadow-light);
    --neu-inset: inset 5px 5px 10px var(--shadow-dark), inset -5px -5px 10px var(--shadow-light);
    --glow: 0 0 18px var(--primary-glow);
}

[data-fuente="inter"] { --font-main: 'Inter', system-ui, sans-serif; }

[data-fuente="poppins"] { --font-main: 'Poppins', system-ui, sans-serif; }

[data-fuente="montserrat"] { --font-main: 'Montserrat', system-ui, sans-serif; }

[data-fuente="nunito"] { --font-main: 'Nunito', system-ui, sans-serif; }

[data-fuente="dmsans"] { --font-main: 'DM Sans', system-ui, sans-serif; }

[data-fuente="outfit"] { --font-main: 'Outfit', system-ui, sans-serif; }

[data-fuente="raleway"] { --font-main: 'Raleway', system-ui, sans-serif; }

[data-fuente="josefin"] { --font-main: 'Josefin Sans', system-ui, sans-serif; }

[data-fuente="playfair"] { --font-main: 'Playfair Display', system-ui, sans-serif; }

[data-fuente="lora"] { --font-main: 'Lora', system-ui, sans-serif; }