/* ============================================
   BRAND-TOKENS.CSS — Fuente única de verdad
   Colores institucionales + tipografías base
   Incluido por style.css y las landings.
   Si cambias un color aquí, cambia en TODAS las
   páginas del sitio.
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700;900&display=swap');

:root {
    /* ── Paleta Identidad Mercedaria (fuente única) ── */
    --brand-blue:        #003366;
    --brand-blue-dark:   #001a33;
    --brand-blue-mid:    #004080;
    --brand-orange:      #FF8C00;
    --brand-orange-light:#FFB84D;
    --brand-orange-alt:  #E8820C;
    --brand-lime:        #7AC143;
    --brand-lime-dark:   #5a9430;
    --brand-success:     #1B8A4A;
    --brand-danger:      #DC3545;

    /* ── Aliases semánticos (compatibilidad con nombres existentes) ── */
    --primary:       var(--brand-blue);
    --primary-hover: var(--brand-blue-dark);
    --primary-dark:  var(--brand-blue-dark);
    --accent:        var(--brand-orange);
    --accent-hover:  var(--brand-orange-alt);
    --orange:        var(--brand-orange);
    --orange-light:  var(--brand-orange-light);
    --lime:          var(--brand-lime);
    --lime-dark:     var(--brand-lime-dark);

    /* ── Familias tipográficas ── */
    --font-sans:    'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-sans-2: 'Inter', 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-serif:  'Merriweather', Georgia, 'Times New Roman', serif;
}