/* ============================================================================
   APMontseny brand layer — Associació de Propietaris del Montseny.
   Importa l'estructura base i remapeja els tokens de color Williams blue
   al verd corporatiu de apmontseny.com (#1f7a2d / #c7d217), canviant
   la tipografia a Mulish (la font del lloc web de l'associació).
   ========================================================================== */

@import url('../styles.css');
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;600;700&family=DM+Mono:wght@400;500&display=swap');

:root {
  /* Blanc per eliminar la costura visual quan s'incrusta com a iframe */
  --bg:        #ffffff;
  --surface:   #ffffff;
  --surface-2: #f8faf8;

  /* Paleta de verd APMontseny (substitueix tot el blau cobalt) */
  --blue-deep:     #0d3d18;
  --blue:          #1f7a2d;
  --blue-mid:      #1a6e26;
  --blue-electric: #2b8f3a;
  --icy:           #5aab66;

  /* Accents funcionals: chartreuse lime de la web + taronja per a risc */
  --chartreuse: #c7d217;
  --magenta:    #d95b1a;

  /* Tipografia i cromàtica de text */
  --heading:  #0d3d18;
  --ink:      #2d2d2d;
  --muted:    rgba(13, 61, 24, 0.55);
  --hairline: rgba(31, 122, 45, 0.2);

  /* Fonts: Mulish (web APMontseny) + DM Mono per a etiquetes */
  --font-head: "Mulish", system-ui, sans-serif;
  --font-body: "Mulish", system-ui, sans-serif;
}

/* Mantenim el color blau per a la severitat "A revisar" perquè no es
   confongui amb "Coherent" (ambdós serien verds si no s'exclouen). */
.sev-verify          { color: #0047c8; border-color: rgba(26, 102, 224, 0.35); }
.coh-stat.sev-verify { border-left-color: #1a66e0; }
.ab-coh.sev-verify   { border-left-color: #4d8fef; }

/* Popup / overlays: fons verd fosc en lloc de blau fosc ================= */
.answer-box { background: rgba(8, 30, 12, 0.93); }
.answer-box .ab-card {
  background: rgba(10, 38, 16, 0.86);
  border-color: rgba(100, 190, 115, 0.4);
}
.answer-box .ab-sources-label { border-top-color: rgba(100, 190, 115, 0.28); }
.answer-box .ab-close { color: #e8f5ea; }

.lightbox { background: rgba(8, 30, 12, 0.93); }
.lightbox figcaption { color: #e8f5ea; }
.lightbox .lb-sub { color: rgba(232, 245, 234, 0.8); }
.lightbox .lb-close { color: #e8f5ea; }

.backdrop { background: rgba(8, 30, 12, 0.84); }

/* Text dins el popup verd: tons verdosos en lloc de blavosos ============ */
.ab-block-label {
  border-top-color: rgba(100, 190, 115, 0.28);
  color: rgba(220, 245, 224, 0.75);
}
.ab-coh { border-left-color: rgba(100, 190, 115, 0.5); }
.ab-item .ab-gist { color: #eaf5ea; }
.ab-coh .ab-coh-detail { color: #d8eadb; }

/* Topbar eliminat (nav gestionat pel shell Next.js). Ocultem si en
   quedés algun rastre i eliminem el padding-top de reserva del hero. */
.topbar { display: none !important; }
.hero { padding-top: 40px; }