:root{
/* ── Core palette (source of truth: assets/brand/paleta-odp.png) ───────── */
--odp-black:#000000;
--odp-blue:#2F6BD2;
--odp-red:#E5532E;
--odp-yellow:#FAC21D;
--odp-purple:#6D3BAE;

/* ── Editorial palette (2025 "Aprendizajes" carousel grounds) ──────────── */
--odp-blue-deep:#0061B0;
--odp-teal:#2AA4A9;
--odp-orange:#EF5A30;
--odp-amber:#F99C1D;
--odp-rose:#DB5071;
--odp-cyan:#03AAF1;

/* ── Neutrals ─────────────────────────────────────────────────────────── */
--odp-white:#FFFFFF;
--odp-paper:#F4F2EF;
--odp-ink-900:#0A0A0A;
--odp-ink-700:#1C1C1C;
--odp-ink-500:#3D3D3D;
--odp-ink-300:#8A8A8A;
--odp-ink-200:#C9C6C2;
--odp-ink-100:#E4E1DD;

/* ── Semantic aliases ─────────────────────────────────────────────────── */
--surface-base:var(--odp-black);
--surface-raised:#111111;
--surface-paper:var(--odp-paper);
--surface-invert:var(--odp-white);

--text-primary:var(--odp-white);
--text-secondary:rgba(255,255,255,.72);
--text-muted:rgba(255,255,255,.50);
--text-on-paper:var(--odp-ink-900);
--text-on-paper-secondary:var(--odp-ink-500);
--text-accent:var(--odp-red);
--text-link:var(--odp-red);
--text-link-hover:var(--odp-yellow);

--border-hairline:rgba(255,255,255,.18);
--border-strong:var(--odp-white);
--border-on-paper:rgba(0,0,0,.14);

--accent-primary:var(--odp-red);
--accent-secondary:var(--odp-blue);
--focus-ring:var(--odp-yellow);

/* Image protection scrim used over full-bleed photography */
--scrim-heavy:linear-gradient(to bottom,rgba(0,0,0,.80),rgba(0,0,0,.74)); /* @kind color */
--scrim-soft:linear-gradient(to bottom,rgba(0,0,0,.15),rgba(0,0,0,.72)); /* @kind color */
}

/* Light ("paper") scope — invert the ink/surface pair, keep the accents. */
.odp-paper{
--surface-base:var(--odp-paper);
--surface-raised:var(--odp-white);
--text-primary:var(--odp-ink-900);
--text-secondary:var(--odp-ink-500);
--text-muted:var(--odp-ink-300);
--border-hairline:rgba(0,0,0,.14);
--border-strong:var(--odp-black);
}