/* ======================================
   TEMA HALLOWEEN - MASCHISPA
   Naranja y morado de la temporada de brujas.
   ====================================== */
@import url('../_base.css');
@import url('../_decoraciones.css');

:root {
    --p50: #fff7ed;  --p100: #ffedd5;  --p200: #fed7aa;
    --p300: #fdba74; --p400: #fb923c;  --p500: #f97316;
    --p600: #ea580c; --p700: #c2410c;  --p800: #9a3412;

    --color-principal: #ea580c;
    --color-principal-oscuro: #c2410c;
    --color-exito: #16a34a;
    --color-texto: #1f2937;
    --color-texto-claro: #6b7280;
    --color-fondo: #1a120b;
    --color-borde: #7e22ce;
    --color-blanco: #241a10;
    --color-naranja-claro: rgba(234, 88, 12, 0.12);
    --color-naranja-medio: rgba(234, 88, 12, 0.25);
    --sombra-principal: rgba(234, 88, 12, 0.3);
}

body.bg-gray-50 { background-color: var(--color-fondo) !important; }

.bg-white { background-color: var(--color-blanco) !important; }
.bg-gray-100 { background-color: #241a10 !important; }
.bg-gray-200 { background-color: #33260f !important; }
.bg-gray-700 { background-color: #7e22ce !important; }

.text-gray-900, .text-gray-800, .text-gray-700 { color: #f5f0e8 !important; }
.text-gray-600 { color: #d6c9b8 !important; }
.text-gray-500, .text-gray-400 { color: #9c8d79 !important; }

.border-gray-100, .border-gray-200, .border-gray-300 { border-color: #4b3a24 !important; }
.divide-gray-100 > :not([hidden]) ~ :not([hidden]) { border-color: #4b3a24 !important; }

.hover\:bg-gray-50:hover { background-color: #33260f !important; }
.hover\:bg-gray-100:hover { background-color: #33260f !important; }

input, select, textarea {
    background-color: #1a120b !important;
    border-color: #4b3a24 !important;
    color: #f5f0e8 !important;
}

header.bg-white { background-color: #20160d !important; }

.cinta-festiva {
    background: linear-gradient(90deg, #ea580c, #7e22ce);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}