:root{
/* ── Tinta / black — authority, editorial ground ───────────────────── */
--ink-900:#0B0D10;
--ink-800:#14181D;
--ink-700:#1E242B;
--ink-600:#2B333C;
--ink-500:#3D4650;

/* ── Papel / warm off-white — clarity, breathing room ──────────────── */
--paper-000:#FFFFFF;
--paper-050:#F7F5F1;
--paper-100:#EFEBE4;
--paper-200:#E2DDD4;

/* ── Piedra / warm neutrals — depth between ink and paper ──────────── */
--stone-300:#C9C3B9;
--stone-400:#A79F94;
--stone-500:#837B70;
--stone-600:#5E574E;

/* ── Azul LEyC / corporate blue — business, trust, strategy ────────── */
--blue-900:#08243D;
--blue-800:#0B2F4E;
--blue-700:#0F3A5F;
--blue-600:#17517F;
--blue-500:#2A6FA6;
--blue-300:#7FA8C6;
--blue-200:#B3CBDE;
--blue-050:#E9F0F5;

/* ── Latón / refined brass — distinction, emphasis, never dominance ── */
--brass-700:#6E5730;
--brass-600:#7E6437;
--brass-500:#A98A55;
--brass-400:#C0A170;
--brass-300:#DCC9A4;

/* ── Signal — forms only, deliberately sober ───────────────────────── */
--signal-error:#A83C28;
--signal-ok:#2F6B4F;

/* ── Semantic: surfaces ────────────────────────────────────────────── */
--surface-page:var(--paper-050);
--surface-raised:var(--paper-000);
--surface-sunken:var(--paper-100);
--surface-ink:var(--ink-900);
--surface-ink-raised:var(--ink-800);
--surface-blue:var(--blue-700);
--surface-blue-deep:var(--blue-900);

/* ── Semantic: text on light ───────────────────────────────────────── */
--text-strong:var(--ink-900);
--text-body:var(--ink-600);
--text-muted:var(--stone-600);
--text-accent:var(--brass-600);
/* brass legible on paper — 4.9:1 */;
--text-link:var(--blue-700);
--text-link-hover:var(--blue-900);

/* ── Semantic: text on ink / blue ──────────────────────────────────── */
--text-strong-inv:var(--paper-050);
--text-body-inv:#C9C7C1;
--text-muted-inv:var(--stone-400);
--text-accent-inv:var(--brass-400);
/* brass legible on ink — 6.4:1 */;

/* ── Semantic: rules & borders (hairlines, never boxes) ────────────── */
--rule-hair:rgba(11,13,16,.14);
--rule-strong:rgba(11,13,16,.32);
--rule-hair-inv:rgba(247,245,241,.18);
--rule-strong-inv:rgba(247,245,241,.40);
--rule-accent:var(--brass-500);

/* ── Semantic: interactive ─────────────────────────────────────────── */
--focus-ring:var(--brass-500);
--focus-ring-inv:var(--brass-400);
--state-hover-ink:var(--ink-700); /* @kind other */
--state-hover-blue:var(--blue-600); /* @kind other */
--state-press-scale:.99; /* @kind other */
}