:root{
  /* --- Base ink (taken from the wordmark) --- */
  --ink-900:#1A1718;--ink-800:#262223;--ink-700:#3D3839;--ink-600:#5A5153;--ink-500:#6E6259;

  /* --- Warm neutrals (papel, lino, arena) --- */
  --bone-50:#FDFBF8;--bone-100:#FAF6F1;--bone-200:#F4EDE5;--bone-300:#EADFD3;--bone-400:#DCCCBC;--bone-500:#C4B2A1;

  /* --- Warm accents --- */
  --clay-300:#DBAE8E;--clay-500:#B8734A;--clay-600:#9C5E3A;--clay-700:#7C4A2D;
  --olive-500:#7A7A5E;

  /* --- Punto Holarte: the red dot. Accent only, never a surface --- */
  --punto:#E31E24;--punto-dark:#B7161B;

  /* --- Semantic surfaces --- */
  --surface-page:var(--bone-100);
  --surface-raised:var(--bone-50);
  --surface-sunken:var(--bone-200);
  --surface-card:#FFFFFF;
  --surface-inverse:var(--ink-800);
  --surface-accent:var(--bone-300);
  --surface-photo:var(--bone-300);

  /* --- Semantic text --- */
  --text-display:var(--ink-800);
  --text-body:var(--ink-700);
  --text-muted:var(--ink-500);
  --text-subtle:var(--bone-500);
  --text-on-inverse:var(--bone-100);
  --text-on-accent:#FFFFFF;
  --text-link:var(--clay-600);

  /* --- Semantic lines --- */
  --line-hairline:rgba(38,34,35,.12);
  --line-strong:rgba(38,34,35,.28);
  --line-inverse:rgba(250,246,241,.22);

  /* --- Interaction --- */
  --accent:var(--clay-500);
  --accent-hover:var(--clay-600);
  --accent-press:var(--clay-700);
  --focus-ring:rgba(184,115,74,.45);

  /* --- Status (kept warm, low chroma) --- */
  --ok:#5F7A55;--warn:#B98A2E;--error:var(--punto-dark);--info:var(--ink-600);
  --ok-surface:#EDF1EA;--warn-surface:#F8F0DE;--error-surface:#FBECEC;
}