/* ==========================================================================
   :ROOT — GL HOMES DESIGN TOKENS
   ========================================================================== */

:root {
    /* Colores */
    --gl-primary: #141414;
    --gl-secondary: #000000;
    --gl-text: #000000;
    --gl-accent: #142725;
    --gl-white: #FFFFFF;
    --gl-bg: #F3F2EF;
    --gl-muted: #757575;
    --gl-overlay: rgba(20, 20, 20, 0.50);
    --gl-transparent: transparent;

    /* Tipografías */
    --gl-font-heading: 'Futura Extended', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --gl-font-body: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;

    /* Tamaños tipográficos */
    --gl-text-xs: clamp(0.625rem, 0.5rem + 0.25vw, 0.75rem);
    --gl-text-sm: clamp(0.75rem, 0.625rem + 0.25vw, 0.875rem);
    --gl-text-base: clamp(0.875rem, 0.75rem + 0.25vw, 1rem);
    --gl-text-md: clamp(1rem, 0.875rem + 0.25vw, 1.125rem);
    --gl-text-lg: clamp(1.125rem, 1rem + 0.5vw, 1.5rem);
    --gl-text-xl: clamp(1.5rem, 1.25rem + 1vw, 2.25rem);
    --gl-text-2xl: clamp(2rem, 1.5rem + 1.5vw, 3rem);
    --gl-text-3xl: clamp(2.5rem, 1.75rem + 2.5vw, 4rem);
    --gl-text-4xl: clamp(3rem, 2rem + 3vw, 5rem);
    --gl-text-hero: clamp(3.5rem, 2.5rem + 4vw, 7rem);

    /* Espaciado */
    --gl-space-xs: clamp(0.5rem, 0.25rem + 0.5vw, 0.75rem);
    --gl-space-sm: clamp(0.75rem, 0.5rem + 0.5vw, 1rem);
    --gl-space-md: clamp(1rem, 0.75rem + 0.75vw, 1.5rem);
    --gl-space-lg: clamp(1.5rem, 1rem + 1.5vw, 2.5rem);
    --gl-space-xl: clamp(2rem, 1.5rem + 2vw, 4rem);
    --gl-space-2xl: clamp(3rem, 2rem + 3vw, 6rem);
    --gl-space-3xl: clamp(4rem, 3rem + 4vw, 8rem);
    --gl-space-section: clamp(5rem, 3.5rem + 5vw, 10rem);

    /* Layout */
    --gl-container: 1200px;
    --gl-container-wide: 1400px;
    --gl-container-narrow: 800px;
    --gl-gutter: clamp(1rem, 0.5rem + 2vw, 2.5rem);

    /* Bordes y radios */
    --gl-radius-sm: 4px;
    --gl-radius-md: 8px;
    --gl-radius-lg: 16px;
    --gl-radius-full: 999px;

    /* Transiciones */
    --gl-transition: 0.3s ease;
    --gl-transition-slow: 0.6s ease;
}