/* ============================================================
   NUEVA VOZ COLECTIVA — DESIGN TOKENS
   Fuente única de verdad para color, tipografía, espaciado, radios,
   sombras y z-index. No redeclarar estos valores en otros archivos.
   ============================================================ */
:root{
  /* ---------- COLOR: MARCA (aprobado, Manual v1.1) ---------- */
  --nvc-copper:        #B0783F;  /* Cobre Colectivo */
  --nvc-copper-deep:   #8E5F2E;
  --nvc-copper-soft:   #D8A876;
  --nvc-patina:        #5E8E7E;  /* Pátina / Verde Voz */
  --nvc-patina-deep:   #45695C;
  --nvc-patina-soft:   #9AC0B3;
  --nvc-navy:          #16293F;  /* Azul Profundo */
  --nvc-navy-deep:     #0D1A29;
  --nvc-navy-soft:     #3C4F66;  /* = ink-soft del manual */

  /* ---------- COLOR: NEUTROS ---------- */
  --nvc-cream:   #F4F1EA;
  --nvc-paper:   #FBFAF6;
  --nvc-ink:     #16293F;
  --nvc-ink-soft:#3C4F66;
  --nvc-line:        rgba(22,41,63,.12);
  --nvc-line-strong: rgba(22,41,63,.22);
  --nvc-line-on-dark: rgba(255,255,255,.16);

  /* ---------- COLOR: UI SEMÁNTICO (derivado, armónico con la paleta) ---------- */
  --nvc-success:      #3F7A5C;
  --nvc-success-bg:   #E7F1EA;
  --nvc-warning:      #B08A2E;
  --nvc-warning-bg:   #F6EFDD;
  --nvc-error:        #B0492F;
  --nvc-error-bg:     #F7E7E2;
  --nvc-info:         #3C6E8F;
  --nvc-info-bg:      #E6EFF3;

  /* ---------- SUPERFICIES ---------- */
  --surface-0: var(--nvc-paper);
  --surface-1: var(--nvc-cream);
  --surface-2: #EFE9DC;
  --surface-dark: var(--nvc-navy);
  --surface-dark-deep: var(--nvc-navy-deep);

  /* ---------- TIPOGRAFÍA ---------- */
  --font-display: 'Archivo', system-ui, sans-serif;
  --font-cond:    'Archivo Narrow', 'Archivo', sans-serif;

  --fs-display: clamp(44px, 7vw, 96px);
  --fs-h1:      clamp(34px, 5vw, 60px);
  --fs-h2:      clamp(28px, 3.6vw, 42px);
  --fs-h3:      clamp(22px, 2.4vw, 28px);
  --fs-h4:      19px;
  --fs-h5:      16px;
  --fs-h6:      13px;
  --fs-body-lg: 19px;
  --fs-body:    16px;
  --fs-body-sm: 14px;
  --fs-label:   12.5px;
  --fs-caption: 12px;

  --lh-tight: 1.05;
  --lh-heading: 1.2;
  --lh-body: 1.6;

  /* ---------- ESPACIADO (base 4px) ---------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --sp-10: 128px;

  --maxw: 1240px;
  --pad: clamp(22px, 5vw, 64px);

  /* ---------- RADIOS ---------- */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-pill: 999px;

  /* ---------- SOMBRAS ---------- */
  --shadow-sm: 0 1px 2px rgba(22,41,63,.06), 0 1px 1px rgba(22,41,63,.04);
  --shadow-md: 0 6px 20px rgba(22,41,63,.08), 0 2px 6px rgba(22,41,63,.06);
  --shadow-lg: 0 16px 44px rgba(22,41,63,.14), 0 4px 12px rgba(22,41,63,.08);

  /* ---------- MOVIMIENTO ---------- */
  --ease: cubic-bezier(.4,0,.2,1);
  --dur-fast: .15s;
  --dur-med: .25s;

  /* ---------- Z-INDEX ---------- */
  --z-header: 100;
  --z-megamenu: 90;
  --z-modal: 500;
  --z-toast: 600;
}

/* Breakpoints de referencia (documentados, no variables CSS —
   los media queries no aceptan var()):
   --bp-sm: 560px   móvil grande
   --bp-md: 860px   tablet
   --bp-lg: 1180px  desktop
   --bp-xl: 1440px  desktop grande
*/