/* =============================================================
   tokens.css — clasificados.diariolafaena.com
   Fase 0 CONGELADA · Paleta aprobada: P2 "Navy + Filete Naranja"
   Versión 1.0 · 2026-07-31
   Base: MODULO_CLASIFICADOS_LA_FAENA.md §4 (identidad Diario La Faena)
   Contraste: todas las combinaciones cumplen WCAG 2.1 AA mínimo.
   Regla del módulo: la paleta implementada DEBE ser verificable
   contra este archivo (criterio de aceptación §11).
   ============================================================= */

:root{
  /* ---------- Marca base ---------- */
  --color-bg-base:          #F4F6FA;
  --color-surface:          #FFFFFF;
  --color-surface-2:        #EFEFEF;
  --color-accent-primary:   #02135B;   /* navy — marca dominante */
  --color-accent-secondary: #FF9900;   /* naranja — filete + CTA */
  --color-accent-tertiary:  #1E73BE;   /* azul medio */
  --color-text-primary:     #111111;
  --color-text-primary-2:   #333333;
  --color-text-secondary:   #69727D;

  /* ---------- Colores por categoría (base + fondo tenue) ---------- */
  --cat-legales:            #02135B;  --cat-legales-soft:       #E7EAF3; /* 16.84:1 AAA */
  --cat-comunicados:        #1E73BE;  --cat-comunicados-soft:   #E4F0FA; /*  4.94:1 AA  */
  --cat-balances:           #0E4C7A;  --cat-balances-soft:      #E2EBF2; /*  9.00:1 AAA */
  --cat-edictos:            #3B2C6B;  --cat-edictos-soft:       #EAE7F2; /* 11.94:1 AAA */
  --cat-clasificados:       #FF9900;  --cat-clasificados-soft:  #FFF3E0; /*  7.87:1 AAA (texto navy) */
  --cat-obituarios:         #5A6470;  --cat-obituarios-soft:    #EEF0F2; /*  6.01:1 AA  */
  --cat-convocatorias:      #A65F00;  --cat-convocatorias-soft: #F7E6C8; /*  4.93:1 AA  */

  /* Subcategorías de Clasificados */
  --sub-compraventa:        #FF9900;  --sub-compraventa-soft:   #FFF3E0;
  --sub-inmuebles:          #1E73BE;  --sub-inmuebles-soft:     #E4F0FA;
  --sub-vehiculos:          #0E4C7A;  --sub-vehiculos-soft:     #E2EBF2;
  --sub-empleo:             #02135B;  --sub-empleo-soft:        #E7EAF3;

  /* Texto SOBRE color base de categoría (según tabla del módulo) */
  --on-cat-legales:         #FFFFFF;
  --on-cat-comunicados:     #FFFFFF;
  --on-cat-balances:        #FFFFFF;
  --on-cat-edictos:         #FFFFFF;
  --on-cat-clasificados:    #02135B;  /* naranja pide texto navy */
  --on-cat-obituarios:      #FFFFFF;
  --on-cat-convocatorias:   #FFFFFF;

  /* ---------- Tipografía (estándar del marco) ---------- */
  --font-display: 'Space Grotesk', system-ui, sans-serif; /* títulos */
  --font-body:    'Inter', system-ui, sans-serif;         /* cuerpo  */

  /* ---------- Decisiones visuales P2 ---------- */
  --hero-gradient:    linear-gradient(160deg, #02135B 0%, #0A1E6E 100%);
  --hero-keyline:     3px solid var(--color-accent-secondary); /* filete naranja bajo el hero */
  --card-top-accent:  3px;   /* grosor del borde superior de categoría en cards */
  --cta-bg:           var(--color-accent-secondary);          /* botón de acción naranja */
  --cta-fg:           var(--color-accent-primary);            /* texto navy sobre naranja */

  /* ---------- Radios, sombras, espaciado ---------- */
  --radius-sm: 8px;
  --radius:    14px;
  --radius-lg: 20px;
  --shadow-1:  0 1px 2px rgba(2,19,91,.06), 0 8px 24px rgba(2,19,91,.08);
  --shadow-cta:0 6px 20px rgba(255,153,0,.28);

  /* ---------- Accesibilidad / responsive (estándar del marco) ---------- */
  --tap-min: 44px;          /* área táctil mínima */
  --bp-sm: 480px; --bp-md: 768px; --bp-lg: 1024px; --bp-xl: 1180px;
}

/* Plantillas visuales diferenciadas exigidas por el módulo (§4, §11):
   - Obituarios: tono sobrio, sin acentos comerciales alrededor.
   - Legales/Balances: layout tipo documento, con folio/código visible. */
:root{
  --obituario-bg:      #FFFFFF;
  --obituario-rule:    #D8DCE2;   /* filete gris sereno, nunca naranja */
  --documento-bg:      #FFFFFF;
  --documento-rule:    #D9DEE8;   /* para layout imprimible de legales/balances */
  --folio-color:       var(--color-text-secondary);
}