:root {
    /* Paleta muestreada de assets/logos/logo-v1-amistoso.png */
    --color-navy: #0A2F59;
    --color-navy-dark: #082647;
    --color-navy-light: #123c6e;
    --color-orange: #EC7920;
    --color-orange-dark: #C8671B;
    --color-cream: #FEFBF3;
    --color-cream-alt: #F7EFDC;
    --color-white: #FFFFFF;
    --color-text: #2B2B2B;
    --color-text-muted: #5b5b5b;
    --color-border: #e7ded0;
    --color-star: #EC7920;
    --color-success: #2e7d32;

    --font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

    /* Escala tipográfica (fluida) */
    --fs-h1: clamp(1.8rem, 1.3rem + 2.2vw, 2.6rem);
    --fs-h2: clamp(1.4rem, 1.15rem + 1.1vw, 1.8rem);
    --fs-h3: 1.15rem;
    --fs-body: 1rem;
    --fs-small: 0.85rem;
    --lh-tight: 1.25;
    --lh-body: 1.65;
    --measure: 68ch; /* ancho de lectura óptimo */

    /* Escala de espaciado (base 4px) */
    --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;
    --space-8: 4rem;

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

    --shadow-card: 0 2px 10px rgba(10, 47, 89, 0.08);
    --shadow-card-hover: 0 8px 24px rgba(10, 47, 89, 0.15);

    --focus-ring: 0 0 0 3px rgba(236, 121, 32, 0.45);

    --container-width: 1180px;
}