/* ============================================================
   Nexo Querétaro — design tokens
   GENERADO por scripts/sites/generate-cms-mc-sites.js
   NO EDITAR A MANO: cambiar la marca es editar
   data/sites/cms-mc/nexoqueretaro.json y regenerar.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;800&family=Noto+Sans:wght@400;600;700&display=swap');

:root {
    /* ---- Marca ---- */
    --cbn-primary:       #4527A0;
    --cbn-primary-mid:   #3B2188;
    --cbn-primary-light: #7963BB;
    --cbn-primary-hover: #3D228D;
    --cbn-primary-dark:  #301B70;
    --cbn-accent:        #B44BD6;
    --cbn-accent-hover:  #9E42BC;
    --cbn-light:         #E5E1F2;
    --cbn-dark:          #1A0F3D;
    --cbn-white:         #FFFFFF;
    --cbn-black:         #0A0A0A;
    --cbn-on-primary:    #FFFFFF;

    /* ---- Superficies y texto ---- */
    --cbn-bg:            #F7F5FB;
    --cbn-surface:       #FFFFFF;
    --cbn-text:          #1E2A44;
    --cbn-text-light:    #566B8E;
    --cbn-text-muted:    #566B8E;
    --cbn-border:        rgba(86,107,142,0.25);
    --cbn-border-soft:   rgba(86,107,142,0.14);

    /* ---- Variantes con alfa (derivadas, no editar) ---- */
    --cbn-primary-a08:   rgba(69,39,160,0.08);
    --cbn-primary-a12:   rgba(69,39,160,0.12);
    --cbn-primary-a30:   rgba(69,39,160,0.3);
    --cbn-primary-a50:   rgba(69,39,160,0.5);
    --cbn-primary-a92:   rgba(69,39,160,0.92);
    --cbn-accent-a12:    rgba(180,75,214,0.12);
    --cbn-accent-a20:    rgba(180,75,214,0.2);
    --cbn-accent-a30:    rgba(180,75,214,0.3);
    --cbn-accent-a40:    rgba(180,75,214,0.4);
    --cbn-light-a70:     rgba(229,225,242,0.7);
    --cbn-light-a80:     rgba(229,225,242,0.8);
    --cbn-light-a85:     rgba(229,225,242,0.85);
    --cbn-light-a90:     rgba(229,225,242,0.9);
    --cbn-white-a00:     rgba(255,255,255,0);
    --cbn-white-a08:     rgba(255,255,255,0.08);
    --cbn-white-a12:     rgba(255,255,255,0.12);
    --cbn-white-a18:     rgba(255,255,255,0.18);
    --cbn-white-a75:     rgba(255,255,255,0.75);
    --cbn-white-a85:     rgba(255,255,255,0.85);
    --cbn-white-a90:     rgba(255,255,255,0.9);

    /* ---- Gradientes ---- */
    --cbn-gradient-header:  linear-gradient(45deg, #4527A0, #B44BD6, #3B2188);
    --cbn-gradient-hero:    linear-gradient(to top, rgba(69,39,160,0.92) 0%, rgba(69,39,160,0.5) 60%, transparent 100%);
    --cbn-gradient-preload: linear-gradient(135deg, #1A0F3D 0%, #4527A0 50%, #3B2188 100%);
    --cbn-gradient-section: linear-gradient(90deg, #4527A0, #B44BD6);
    --cbn-gradient-fallback: linear-gradient(160deg, #281D49 0%, #483F64 100%);
    --cbn-shadow-header: 0 4px 20px rgba(69,39,160,0.3);

    /* ---- Tipografía ---- */
    --font-primary:   'Playfair Display', Georgia, serif;
    --font-secondary: 'Noto Sans', Arial, sans-serif;

    /* ---- Forma ---- */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --ancho-max: 1200px;
    --space-xs: 0.25rem; --space-sm: 0.5rem; --space-md: 1rem;
    --space-lg: 1.5rem;  --space-xl: 2rem;   --space-2xl: 3rem;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.1);
    --shadow-lg: 0 10px 20px rgba(0,0,0,0.12);

    /* ---- Logos ---- */
    --logo-header:    url('assets/images/logo-header.png');
    --logo-principal: url('assets/images/logo.png');
    --logo-cuadrado:  url('assets/images/logo_1x1.png');
    --logo-fondo:     url('assets/images/logoconfondo.png');
    --logo-landscape: url('assets/images/logo_landscape.png');

    /* ---- Badges de categoría ---- */
    --cat-nacional: #1565C0;
    --cat-politica: #C2185B;
    --cat-economia: #2E7D32;
    --cat-seguridad: #EF6C00;
    --cat-mundo: #7B1FA2;
    --cat-cultura: #00695C;
    --cat-tecnologia: #283593;
    --cat-deportes: #AD1457;
    --cat-entretenimiento: #00838F;
    --cat-general: #546E7A;
    --cat-destacado: #4527A0;
}