/* =====================================================================
   variables.css — Tokens de disseny Passarel·la Acadèmia
   BRIEF-014 T1.2 (29/5/2026)

   Variables CSS exposades a :root i overrides per línia activa
   (body.passa-line-*). El valor de --passa-accent canvia segons
   la pàgina actual, gràcies al filter body_class de functions.php.

   Editable: Marc/Andrea poden afegir tokens nous des de Customizer →
   Aparença → CSS addicional (preferent) o demanar-los a Eric per
   afegir-los aquí (consistent amb la resta del codi).
   ===================================================================== */

:root {
  /* ---- Radi de cantonada (19/8/2026) ----------------------------------
     UN sol interruptor per a tot el lloc. Els blocs (targetes, botons,
     imatges, camps) feien servir cantonades rectes; ara passen per aquí.

     👉 PER TORNAR-HO TOT A CANTONADES RECTES: posa 0 en aquesta línia.
        No cal tocar cap altre fitxer.
     (Còpies dels CSS originals: fitxers .bak-radius dins d aquesta carpeta)
     -------------------------------------------------------------------- */
  --passa-radius: 2px;

  /* ---- Marca ---- */
  --passa-purple:      #4c1b69;   /* color base de marca (morat) */
  --passa-purple-dark: #2a0e3a;   /* morat profund */
  --passa-ticker-bg:   #33124A;   /* fons del corredor de textos (triat per l'Eric) */

  /* Lila suau (19/8/2026) — JERARQUIA VISUAL.
     El morat de marca s'havia escampat a 12 elements (ticker, badge, chips,
     botons de línia…) i el CTA ja no destacava. Ara:
        --passa-purple  → NOMÉS crides a l'acció (botons de reserva)
        --passa-purple-soft → elements informatius i d'estat
     És el mateix morat aclarit un 18%: 7,5:1 amb text blanc (AA ✓).
     Escala provada: #61367B (12%, gairebé igual al CTA) · #673D80 (15%) ·
     #6C4484 (18%, ACTUAL) · #704987 (20%) · #7E5B93 (28%, massa clar).
     Per desfer-ho: posa aquí el mateix valor que --passa-purple. */
  --passa-purple-soft: #6C4484;

  /* Estat ACTIU del selector de línia (Seguretat/Educació/Sanitat).
     Va sobre la barra fosca (--passa-ink). Important: comparteix el MATÍS de
     la barra (249°), no el del morat de marca (278°) — per això #856499
     desentonava. 3,3:1 contra la barra i 5,3:1 amb text blanc (AA ✓).
     Alternatives provades: #726AA0 (més apagat) · #6C5EBA (més saturat). */
  --passa-nav-active: #6D62A7;

  /* ---- Accents per línia (vegeu body.passa-line-*) ---- */
  --passa-mustard:     #e6a528;   /* SEGURETAT */
  --passa-lila:        #A7AED3;   /* EDUCACIÓ */
  --passa-verde:       #48AAAD;   /* SANITAT */

  /* Fallback d'accent quan no estem en cap línia (legals, my-account...). */
  --passa-accent: var(--passa-purple);

  /* ---- Layout ---- */
  --passa-container: 1280px;

  /* ---- Greys amb tint lila (valors EXACTES de la maqueta) ---- */
  --passa-bg-soft:  #F7F5FA;      /* fons stats — tint lila molt suau */
  --passa-bg-card:  #FDFCFE;      /* fons de les targetes — lila ultra suau.
                                     Escala del més clar al més fosc:
                                     #FDFCFE ← · #FBF9FD · #F9F6FC · #F7F5FA
                                     Canviar només aquest valor per pujar-hi o
                                     tornar a blanc (#ffffff). */
  --passa-bg-card-hover: #FAF8FC;  /* un pas més fosc: compensa que l'ombra
                                     del hover fa semblar la targeta més clara */
  --passa-purple-bg:#EFE8F3;      /* fons hero photo (lila clar) */
  --passa-ink:      #1A1535;      /* gairebé negre amb tint lila (titulars) */
  --passa-text:     #4A4566;      /* text body principal (tint lila) */
  --passa-text-2:   #8B859F;      /* text secundari / eyebrow / grey */
  --passa-line:     #EDEAF3;      /* línies fines, separadors */

  /* ---- Tipografies ---- */
  --passa-font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --passa-font-heading: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ---- Accent dinàmic per línia ---- */
body.passa-line-seguretat { --passa-accent: var(--passa-mustard); }
body.passa-line-educacio  { --passa-accent: var(--passa-lila); }
body.passa-line-sanitat   { --passa-accent: var(--passa-verde); }