/* ===========================================================================
   Design tokens — Solar de la Costa
   Paleta alineada con el sitio principal solardelacosta.com.
   Marrón sólido en chrome, dorado/naranja como acento, crema como neutro.
   Toda variable empieza con --sdc- para no chocar con CSS legacy.
   =========================================================================== */

:root {
    /* --- Marca (mismas que usa el sitio principal) --- */
    --sdc-brown:        #7a5430;   /* marrón del header — consistente con solardelacosta.com */
    --sdc-brown-deep:   #5a3d20;
    --sdc-brown-soft:   rgba(108, 71, 38, 0.7);
    --sdc-brown-mute:   rgba(108, 71, 38, 0.5);

    --sdc-sun:          #fa9e2c;   /* dorado del logo */
    --sdc-sun-deep:     #d97706;
    --sdc-orange:       #ba5622;   /* naranja oscuro (acento secundario) */

    --sdc-gradient:     linear-gradient(to right, var(--sdc-sun), var(--sdc-orange));
    --sdc-gradient-alt: linear-gradient(to right, var(--sdc-orange), var(--sdc-sun));

    /* --- Neutros cálidos --- */
    --sdc-cream:        #fbf6ef;   /* fondo principal de páginas no-hero */
    --sdc-cream-2:      #f3e9d8;
    --sdc-line:         #e8dcc7;

    /* Panel de administración y pantallas de ingreso: fondo arena (no blanco)
       para que las tarjetas blancas se despeguen. La línea es más oscura que
       --sdc-line porque esa se pierde sobre este fondo. */
    --sdc-panel-bg:     #e6d5ba;
    --sdc-panel-line:   #cfb990;

    --sdc-ink:          #2d2c2c;   /* texto principal (consistente con --dark-color legacy) */
    --sdc-ink-soft:     #6b5c4d;
    --sdc-ink-mute:     #9a8a76;

    --sdc-white:        #ffffff;

    /* --- Estados --- */
    --sdc-error:        #b91c1c;
    --sdc-error-soft:   #fee2e2;
    --sdc-success:      #15803d;
    --sdc-success-soft: #dcfce7;
    --sdc-warn:         #b45309;
    --sdc-info:         #1e40af;
    --sdc-info-soft:    #dbeafe;

    /* --- Tipografía --- */
    /* Open Sans + Courgette son las fuentes del sitio principal */
    --sdc-font-display: 'Courgette', cursive;
    --sdc-font-body:    'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    /* --- Tamaños tipográficos (responsive con clamp) --- */
    --sdc-text-xs:      clamp(1.3rem, 1.26rem + 0.1vw, 1.35rem);
    --sdc-text-sm:      clamp(1.4rem, 1.36rem + 0.1vw, 1.5rem);
    --sdc-text-base:    clamp(1.6rem, 1.54rem + 0.2vw, 1.7rem);
    --sdc-text-lg:      clamp(1.7rem, 1.6rem + 0.3vw, 1.9rem);
    --sdc-text-xl:      clamp(1.3rem, 1.1rem + 0.5vw, 1.55rem);
    --sdc-text-2xl:     clamp(1.6rem, 1.2rem + 1vw, 2rem);
    --sdc-text-3xl:     clamp(2rem, 1.4rem + 2vw, 2.8rem);
    --sdc-text-4xl:     clamp(2.5rem, 1.6rem + 4vw, 4rem);

    /* --- Espaciados --- */
    --sdc-space-1:      0.25rem;
    --sdc-space-2:      0.5rem;
    --sdc-space-3:      0.75rem;
    --sdc-space-4:      1rem;
    --sdc-space-5:      1.25rem;
    --sdc-space-6:      1.5rem;
    --sdc-space-8:      2rem;
    --sdc-space-10:     2.5rem;
    --sdc-space-12:     3rem;
    --sdc-space-16:     4rem;
    --sdc-space-20:     5rem;

    /* --- Radios --- */
    --sdc-radius-sm:    6px;
    --sdc-radius:       10px;
    --sdc-radius-lg:    14px;
    --sdc-radius-xl:    20px;
    --sdc-radius-pill:  999px;

    /* --- Sombras --- */
    --sdc-shadow-sm:    0 1px 2px rgba(45, 44, 44, 0.08);
    --sdc-shadow:       0 4px 16px rgba(45, 44, 44, 0.12);
    --sdc-shadow-md:    0 8px 24px rgba(45, 44, 44, 0.18);
    --sdc-shadow-lg:    0 14px 36px rgba(45, 44, 44, 0.30);
    --sdc-shadow-focus: 0 0 0 3px rgba(250, 158, 44, 0.30);

    /* --- Transiciones --- */
    --sdc-trans-fast:   120ms ease;
    --sdc-trans:        180ms ease;

    /* --- Layout --- */
    --sdc-container:    1180px;
    --sdc-header-h:     72px;

    /* --- Z-index --- */
    --sdc-z-sticky:     50;
    --sdc-z-modal:      80;
    --sdc-z-float:      60;
}