/**
 * Solo estructura: espaciado, tipografía, radios, breakpoints. Sin colores de tema.
 */
:root {
    --breakpoint-sm: 36rem;
    --breakpoint-md: 48rem;
    --breakpoint-lg: 62rem;
    --breakpoint-xl: 75rem;
    --container-max: 75rem;
    --font-base: 'Poppins', ui-sans-serif, system-ui, sans-serif;

    --text-xs: 0.75rem;
    --text-sm: 0.8125rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --leading-tight: 1.25;
    --leading-normal: 1.5;

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;

    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;

    --focus-ring-width: 2px;
    --focus-ring-offset: 2px;

    /* Capa de ambientacion tematica: sobre el contenido, DEBAJO de todo el chrome e interaccion
       (topbar 1050, sidebar 1060, drawer/modal 1064-1110, toast 11000+, chatbot). Nunca subirlo.
       Alturas/reservas de franja: --ambiente-* en components/ambientacion.css. */
    --z-ambiente: 900;
}