:root {
    /* Colores oficiales */
    --color-black: #000000;
    --color-dark-red: #4D0909;
    --color-yellow: #E5C30A;

    /* Neutros estrictamente necesarios */
    --color-white: #ffffff;
    --color-text: #000000;

    /* Tipografía */
    --font-family-base: Arial, Helvetica, sans-serif;

    /* Layout */
    --page-max-width: 72rem;
    --content-max-width: 56rem;
    --page-padding: clamp(0.625rem, 3vw, 1.5rem);

    /* Espaciado */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;

    /* UI */
    --radius-pill: 999px;
    --transition-fast: 160ms ease;
}