/* ============================================================
   TEMA GLOBAL — Cabañas La J
   ------------------------------------------------------------
   ÚNICA FUENTE DE COLORES del sitio público y del panel.
   Para cambiar la identidad visual, modifica primero los tres
   colores de marca de esta sección; el resto del proyecto hereda
   sus valores mediante variables.
   ============================================================ */

:root {
    /* 01. Colores principales de marca */
    --naranja: #FF6500;
    --naranja-rgb: 255, 101, 0;
    --color-negro: #050505;
    --color-blanco: #FFFFFF;
    --color-blanco-rgb: 255, 255, 255;
    --color-sobre-naranja: var(--color-blanco);

    /* 02. Transparencias derivadas del único naranja oficial */
    --color-naranja-fondo: rgba(var(--naranja-rgb), 0.08);
    --color-naranja-fondo-suave: rgba(var(--naranja-rgb), 0.05);
    --color-naranja-borde-suave: rgba(var(--naranja-rgb), 0.18);
    --borde-naranja: rgba(var(--naranja-rgb), 0.35);

    /* 03. Neutros y colores de interfaz */
    --color-carbon: #0B0B0B;
    --color-tarjeta-oscura: #111111;
    --color-fondo-claro: #F4F4F4;
    --color-tinta: #101010;
    --color-texto-oscuro: #1D2526;
    --color-texto-suave: #626966;
    --color-gris: #BDBDBD;
    --color-gris-oscuro: #8A8A8A;
    --color-borde-claro: #ECE7DE;
    --color-borde-calido: #DED4C6;
    --color-superficie-admin: #FAFBFC;
    --color-verde-whatsapp: #25D366;
    --borde-sobre-oscuro: rgba(var(--color-blanco-rgb), 0.09);

    /* 04. Estados semánticos compartidos */
    --estado-info: #1A5FA8;
    --estado-exito: #1B7F4C;
    --estado-aviso: #C9820A;
    --estado-error: #C0392B;
    --estado-neutro: #9AA3AB;

    /* 05. Tipografía, forma, movimiento y estructura */
    --fuente-display: 'ZCOOL XiaoWei', 'Georgia', serif;
    --fuente-titulos: 'Work Sans', sans-serif;
    --fuente-texto: 'Work Sans', sans-serif;
    --fuente-script: 'Dancing Script', cursive;
    --texto-kicker: 1.125rem;
    --texto-kicker-pagina: clamp(1.65rem, 2.5vw, 2.15rem);
    --texto-titulo-pagina: clamp(2.35rem, 4vw, 2.75rem);
    --texto-titulo-seccion: clamp(2rem, 3vw, 2.375rem);
    --texto-subtitulo: 1.375rem;
    --texto-cuerpo: clamp(1rem, 1.15vw, 1.125rem);
    --texto-lista: 1.0625rem;
    --texto-boton: 1.0625rem;
    --interlineado-cuerpo: 1.65;
    --radio: 18px;
    --radio-grande: 26px;
    --transicion: 0.3s ease;
    --clj-lateral: 262px;

    /* 06. Alias del sitio público (compatibilidad y legibilidad) */
    --negro: var(--color-negro);
    --carbon: var(--color-carbon);
    --tarjeta: var(--color-tarjeta-oscura);
    --crema: var(--color-blanco);
    --crema-suave: var(--color-fondo-claro);
    --tinta: var(--color-tinta);
    --texto-oscuro: var(--color-texto-oscuro);
    --texto-suave: var(--color-texto-suave);
    --blanco: var(--color-blanco);
    --gris: var(--color-gris);
    --gris-oscuro: var(--color-gris-oscuro);
    --verde-wsp: var(--color-verde-whatsapp);
    --borde-suave: var(--borde-sobre-oscuro);

    /* 07. Alias del panel administrativo */
    --clj-fondo: #F4F6F8;
    --clj-tarjeta: var(--color-blanco);
    --clj-borde: #E2E6EA;
    --clj-texto: #202429;
    --clj-texto-suave: #6C757D;
    --clj-sidebar: var(--color-negro);
    --clj-borde-oscuro: var(--borde-sobre-oscuro);
}