/* ==========================================================================
   Variables globales — paleta, sombras, radios y medidas de Almaturia
   Los colores nacen del logotipo: azul institucional, turquesa del Turia,
   naranja del sol mediterráneo y blanco.
   ========================================================================== */

:root {
    /* Azul institucional */
    --color-navy: #062b5b;
    --color-navy-dark: #031f43;
    --color-navy-light: #0b3f78;

    /* Turquesa (agua del Turia, innovación) */
    --color-teal: #049ca6;
    --color-teal-dark: #007f89;
    --color-teal-light: #dff5f5;
    --color-teal-soft: #5fd3d8;

    /* Naranja (sol mediterráneo) */
    --color-orange: #ff9900;
    --color-orange-dark: #e98400;
    --color-orange-light: #fff0d9;

    /* Neutros */
    --color-white: #ffffff;
    --color-background: #f7fafc;
    --color-background-soft: #f0f6f7;
    --color-text: #0b2341;
    --color-text-soft: #53657a;
    --color-border: #dce6ec;

    /* Sombras */
    --shadow-small: 0 8px 24px rgba(4, 35, 70, 0.08);
    --shadow-medium: 0 18px 50px rgba(4, 35, 70, 0.12);
    --shadow-large: 0 30px 70px rgba(4, 35, 70, 0.16);

    /* Radios */
    --radius-small: 10px;
    --radius-medium: 18px;
    --radius-large: 28px;
    --radius-pill: 999px;

    /* Medidas */
    --container-width: 1250px;
    --header-height: 84px;

    /* Tipografía */
    --font-base: "Inter", "Montserrat", "Arial", sans-serif;

    /* Transiciones */
    --transition-fast: 180ms ease;
    --transition-base: 240ms ease;
}