:root{
  /* ══ BRANDBOOK PALETTE (Brandbook 2024, p.29–30) — the canonical four ══
     Navy and orange are described there as "dos colores opuestos" standing for
     tecnologia + cercania. These four are the only brand colours; everything
     below them is a web-surface derivation from the production site. */
  --ac-navy-brand:#1E3252;   /* R30 G50 B82   · C95 M82 Y40 K36 */
  --ac-orange-brand:#EA5625; /* R234 G86 B37  · C03 M81 Y98 K0  */
  --ac-grey-brand:#E3E4E4;   /* C10 M07 Y07 K0 */
  --ac-white-brand:#FFFFFF;  /* C0 M0 Y0 K0 */
  /* Sustainability swap (p.31–32): orange gives way to green. */
  --ac-green-brand:#09CB7B;  /* R9 G203 B123  · C70 M0 Y67 K0 */

  /* ── Brand / action ── */
  --ac-orange:#EA5625;
  --ac-orange-hover:#F2793F;
  --ac-orange-press:#D14618;
  --ac-green:#09CB7B;
  --ac-green-hover:#2FD991;
  --ac-green-press:#07AF69;

  /* ── Dark canvas — web surfaces the production site derives from
        --ac-navy-brand. The brandbook specifies no dark-UI ramp. ── */
  --ac-navy:#0F1D31;
  --ac-navy-alt:#13233A;
  --ac-navy-deep:#0B1524;
  --ac-navy-ink:#1E3252;

  /* ── Light canvas & neutrals ── */
  --ac-paper:#F4F4F2;
  --ac-paper-alt:#FBFBFA;
  --ac-white:#FFFFFF;
  --ac-slate:#4A5A72;
  --ac-slate-mute:#77839A;
  --ac-slate-faint:#8A94A4;
  --ac-line-1:#C9CCD2;
  --ac-line-2:#D6D9DE;
  --ac-line-3:#DDE0E5;

  /* ── Alpha ramps (hairlines and secondary text on navy) ── */
  --ac-white-a72:rgba(255,255,255,.72);
  --ac-white-a60:rgba(255,255,255,.60);
  --ac-white-a50:rgba(255,255,255,.50);
  --ac-white-a42:rgba(255,255,255,.42);
  --ac-white-a32:rgba(255,255,255,.32);
  --ac-white-a20:rgba(255,255,255,.20);
  --ac-white-a16:rgba(255,255,255,.16);
  --ac-white-a14:rgba(255,255,255,.14);
  --ac-white-a10:rgba(255,255,255,.10);
  --ac-orange-a40:rgba(234,86,37,.40);
  --ac-green-a40:rgba(9,203,123,.40);
  --ac-navy-a88:rgba(15,29,49,.88);

  /* ── Semantic aliases: dark canvas (the default surface) ── */
  --surface-canvas:var(--ac-navy);
  --surface-raised:var(--ac-navy-alt);
  --surface-sunken:var(--ac-navy-deep);
  --text-heading:var(--ac-white);
  --text-body:var(--ac-white-a60);
  --text-muted:var(--ac-white-a50);
  --text-faint:var(--ac-white-a42);
  --text-accent:var(--ac-orange);
  --border-hairline:var(--ac-white-a10);
  --border-frame:var(--ac-white-a16);
  --border-strong:var(--ac-white-a32);
  --action-bg:var(--ac-orange);
  --action-bg-hover:var(--ac-orange-hover);
  --action-bg-press:var(--ac-orange-press);
  --action-fg:var(--ac-white);
  --bracket-color:var(--ac-orange);
}

/* ── Semantic aliases: light canvas. Apply to any section/element. ── */
.ac-light,[data-ac-canvas="light"]{
  --surface-canvas:var(--ac-paper);
  --surface-raised:var(--ac-white);
  --surface-sunken:var(--ac-paper-alt);
  --text-heading:var(--ac-navy-ink);
  --text-body:var(--ac-slate);
  --text-muted:var(--ac-slate-mute);
  --text-faint:var(--ac-slate-faint);
  --border-hairline:var(--ac-line-3);
  --border-frame:var(--ac-line-1);
  --border-strong:var(--ac-line-1);
  --action-fg:var(--ac-white);
  background:var(--surface-canvas);
  color:var(--text-heading);
}

/* ── Sustainability palette (Brandbook p.12–14, 31–32) ──
   For sustainability, B Corp and climate communications only. Orange gives way
   to green across every action alias; navy, grey and white are unchanged.
   Pair with the green-bracket logo files in assets/logos/. ── */
.ac-sustentabilidad,[data-ac-palette="sustentabilidad"]{
  --text-accent:var(--ac-green);
  --action-bg:var(--ac-green);
  --action-bg-hover:var(--ac-green-hover);
  --action-bg-press:var(--ac-green-press);
  --bracket-color:var(--ac-green);
  --ac-orange:var(--ac-green);
  --ac-orange-hover:var(--ac-green-hover);
  --ac-orange-press:var(--ac-green-press);
  --ac-orange-a40:var(--ac-green-a40);
}