/* marca.css — capa fija de la marca (maqueta S8, bloque marca-fija, commit e6babad5a). Igual en las 4 webs.
   Las variables --m-* las emite el PHP (inc/marca.php → sw_marca_css) antes de esta hoja. */
:root{
  /* alias de la plantilla -> variables de marca (--m-*), que emite el PHP desde la fila de `webs` */
  --tg:var(--m-primario); --tg-dark:var(--m-primario-osc); --dl:var(--m-secundario); --bone:var(--m-fondo);
  --ink:var(--m-tinta); --sc:var(--m-apagado); --be:var(--m-tierra, var(--m-primario-osc));
  --serif:var(--m-letra-titulos); --sans:var(--m-letra-texto);
  /* constantes de la plantilla: NO son de marca (scrim sobre foto, pozo de foto, noche, WhatsApp, estado ok, terracota del play) */
  --k-scrim:#14100B;
  --k-lienzo:#2A2018;
  --k-noche:#1A160F;
  --k-wa:#25D366;
  --k-ok:#B9CE9C;
  --k-terracota:#BD5A32;
  /* derivadas de los 7 colores de marca */
  --tg-light:color-mix(in srgb, var(--tg) 10%, #fff);
  --dl-light:color-mix(in srgb, var(--dl) 10%, #fff);
  --bone-2:color-mix(in srgb, var(--bone) 93%, var(--be));
  --line:color-mix(in srgb, var(--bone) 81%, var(--be));
  --surface:color-mix(in srgb, var(--bone) 35%, #fff);
  --ss:color-mix(in srgb, var(--bone) 70%, var(--be));
  --bar:color-mix(in srgb, var(--bone) 69%, #fff);
  --ink-85:color-mix(in srgb, var(--ink) 85%, #000);
  --ink-80:color-mix(in srgb, var(--ink) 79%, #fff);
  --ink-70:color-mix(in srgb, var(--ink) 73%, var(--bone));
  --ink-60:color-mix(in srgb, var(--ink) 64%, var(--bone));
  --ink-50:color-mix(in srgb, var(--ink) 50%, #000);
  --ink-8:color-mix(in srgb, var(--ink) 8%, #fff);
  --tg-ink:color-mix(in srgb, var(--tg-dark) 80%, #fff);
  --tg-mid:color-mix(in srgb, var(--tg) 58%, var(--sc));
  --tg-deep:color-mix(in srgb, var(--tg-dark) 92%, var(--be));
  --tg-black:color-mix(in srgb, var(--tg-dark) 74%, #000);
  --tg-hover:color-mix(in srgb, var(--tg) 25%, var(--tg-dark));
  --logo-ink:color-mix(in srgb, var(--tg) 77%, var(--sc));
  --tg-jungle:color-mix(in srgb, var(--tg) 44%, #000);
  --be-hover:color-mix(in srgb, var(--bone) 9%, var(--be));
  --be-lt:color-mix(in srgb, var(--bone) 19%, var(--be));
  --be-dk:color-mix(in srgb, var(--be) 72%, #000);
  --dl-lt:color-mix(in srgb, var(--dl) 64%, #fff);
  --dl-dk:color-mix(in srgb, var(--dl) 77%, #000);
  --dl-dkr:color-mix(in srgb, var(--dl) 58%, #000);
  --dusk:color-mix(in srgb, var(--tg-dark) 19%, #000);
  --dl-ov:color-mix(in srgb, var(--dl) 61%, #000);
  --dl-ov2:color-mix(in srgb, var(--dl) 31%, #000);
  --warm-38:color-mix(in srgb, var(--bone) 38%, #000);
  --warm-56:color-mix(in srgb, var(--bone) 56%, #000);
  --warm-74:color-mix(in srgb, var(--bone) 74%, #000);
}
