/* JDServer-Webs v6.0 — assets/css/brands.css
   Paletas por estación: define --brand-* según [data-site="<slug>"].
   Aplica tinte sutil a: body (fondo), header y tarjetas del módulo Live.
   Estética base intacta; solo matiz por población.
*/

/* Default por si falta data-site */
:root{
  --brand-50:#f7f7f8; --brand-100:#eef0f3; --brand-200:#e3e7ec; --brand-400:#9aa3ae; --brand-500:#6b7280;
  --brand-rgb:107,114,128;
}

/* === Cardedeu (turquesa) === */
:root[data-site="cardedeu_poble_sec"],
:root[data-site="cardedeu_centre"]{
  --brand-50:#f0fdfa; --brand-100:#ccfbf1; --brand-200:#99f6e4; --brand-400:#2dd4bf; --brand-500:#14b8a6;
  --brand-rgb:20,184,166;
}

/* === Banyeres (azules) === */
:root[data-site="banyeres_font_bona"],
:root[data-site="banyeres_sesteret"]{
  --brand-50:#f0f9ff; --brand-100:#e0f2fe; --brand-200:#bae6fd; --brand-400:#60a5fa; --brand-500:#3b82f6;
  --brand-rgb:59,130,246;
}

/* === Alcoi (naranjas) === */
:root[data-site="alcoi_meteoalcoi"],
:root[data-site="alcoi_zona_nord"],
:root[data-site="alcoi_eixample"]{
  --brand-50:#fff7ed; --brand-100:#ffedd5; --brand-200:#fed7aa; --brand-400:#fb923c; --brand-500:#f97316;
  --brand-rgb:249,115,22;
}

/* === Gorga (marrones) === */
:root[data-site="gorga"]{
  --brand-50:#faf5f0; --brand-100:#f3e7db; --brand-200:#e6cfb8; --brand-400:#b0763b; --brand-500:#8a5a2b;
  --brand-rgb:138,90,43;
}

/* === Sant Vicenç de Montalt (rojos) === */
:root[data-site="santvicenc_montalt"]{
  --brand-50:#fef2f2; --brand-100:#fee2e2; --brand-200:#fecaca; --brand-400:#f87171; --brand-500:#ef4444;
  --brand-rgb:239,68,68;
}

/* —— Fondo de página tintado (muy suave) —— */
body{
  background:
    radial-gradient(1200px 600px at 110% -10%, var(--brand-50), transparent 70%),
    radial-gradient(800px 400px at -10% 110%, var(--brand-100), transparent 70%),
    var(--bg);
}

/* —— Header: overlay de tinte sutil sin tocar tu estética —— */
#site-header{ position: relative; }
#site-header::after{
  content:""; position:absolute; inset:0; pointer-events:none; border-radius: inherit;
  background:
    linear-gradient(180deg, rgba(var(--brand-rgb), .12), rgba(255,255,255,0) 70%),
    radial-gradient(140% 70% at 50% -25%, rgba(var(--brand-rgb), .22), transparent 60%);
  mix-blend-mode: normal;
}

/* —— Tarjetas del Live con matiz y borde acorde —— */
.live-card{
  background:
    linear-gradient(180deg, rgba(var(--brand-rgb), .045), rgba(255,255,255,0) 60%),
    var(--card);
  border-color: rgba(var(--brand-rgb), .18);
}