/*
 * Escala estructural de las páginas editoriales existentes.
 * Los colores y tipografías provienen de Root mediante tokens.css.
 */

html {
    font-size: 100%;
}

:root { /* Escala estructural del sitio público. */
    --space-3xs: 0.25rem;
    --space-2xs: 0.5rem;
    --space-xs: 0.75rem;
    --space-s: 1rem;
    --space-m: 1.5rem;
    --space-l: 2rem;
    --space-xl: 3rem;
    --space-2xl: 4.5rem;
    --space-3xl: 7rem;

    --txt-xs: 0.75rem;
    --txt-s: 0.875rem;
    --txt-m: 1rem;
    --txt-l: 1.25rem;
    --txt-xl: 1.5625rem;
    --txt-2xl: 1.953rem;
    --txt-3xl: 2.441rem;
    --txt-display: clamp(2.75rem, 6.5vw, 5.25rem);

    --radius-sm: 0.5rem;
    --radius-pill: 999px;
    --shadow-float: 0 0.75rem 2.5rem color-mix(in srgb, var(--color-text-main) 12%, transparent);
    --shadow-card: 0 1.5rem 4rem color-mix(in srgb, var(--color-text-main) 10%, transparent);
    --content-max: 75rem;
    --z-dropdown: 30;
}