/* 
 * Design Tokens for Grow Socks Child Theme
 * Override parent theme CSS variables here.
 */
:root {
    /* Tipografías Baseline (Grow Socks) */
    --font-display: 'Epilogue', sans-serif;
    --font-body: 'Hanken Grotesk', sans-serif;

    /* Geometría y Bordes Baseline (Grow Socks) */
    --radius-default: 0.25rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-full: 9999px;

    /* Colores Principales (RGB) */
    --color-primary-rgb: 0 0 0;
    --color-on-primary-rgb: 255 255 255;
    --color-secondary-rgb: 95 94 97;
    --color-surface-rgb: 249 249 249;
    --color-on-surface-rgb: 26 28 28;
}

.gs-spotlight-img {
    min-height: 380px;
}
@media (min-width: 768px) {
    .gs-spotlight-img {
        min-height: 520px;
    }
}

/* Hero Media Geometry */
.gs-hero__media {
    aspect-ratio: 3/4;
    max-height: 92svh;
}
@media (min-width: 768px) {
    .gs-hero__media {
        aspect-ratio: auto;
        height: 480px;
        max-height: 480px;
        min-height: 440px;
    }
}