/* ─ Base palette ─────────────────────────────────────────────────────────────
   Three colours are canonical (client's "Paleta de colores básica").
   Everything else is a documented derivation used in the Sep-2026 brochure. */
:root{
  /* canonical */
  --terracota:#693d2d;
  --oro:#edd980;
  --crema:#f0ebd8;

  /* terracota ramp (derived) */
  --terracota-950:#2c1710;
  --terracota-900:#3d2118;
  --terracota-800:#4e2b20;
  --terracota-700:#693d2d;
  --terracota-600:#7d4b38;
  --terracota-500:#95604a;
  --terracota-300:#b98d78;
  --terracota-100:#dcc4b6;

  /* oro ramp (derived) */
  --oro-700:#b99e42;
  --oro-600:#d4bd5f;
  --oro-500:#edd980;
  --oro-300:#f3e6a8;
  --oro-100:#f9f2d3;

  /* crema ramp (derived) */
  --crema-500:#d8d0b6;
  --crema-300:#e5decb;
  --crema-100:#f0ebd8;
  --crema-50:#f8f5ec;
  --blanco:#ffffff;

  /* ─ Semantic aliases ─ */
  --surface-page:var(--crema-100);
  --surface-brand:var(--terracota-700);
  --surface-brand-deep:var(--terracota-900);
  --surface-band:var(--terracota-800);      /* stat strips inside a terracota plate */
  --surface-card:var(--crema-50);
  --surface-inverse:var(--terracota-950);

  --text-body:var(--terracota-900);
  --text-heading:var(--terracota-700);
  --text-muted:var(--terracota-500);
  --text-on-brand:var(--crema-100);
  --text-on-brand-muted:var(--terracota-100);
  --text-accent:var(--oro-500);
  --text-accent-on-light:var(--oro-700);

  --border-hairline:var(--terracota-100);
  --border-on-brand:rgba(240,235,216,.22);
  --rule-accent:var(--oro-500);

  --link:var(--terracota-700);
  --link-hover:var(--oro-700);
  --link-on-brand:var(--oro-500);
  --link-on-brand-hover:var(--crema-100);
}