:root{
/* Brand palette (manual de identidad) */
--color-ink:#282727;
--color-white:#FFFFFF;
--color-topo:#8A8179;
/* Derived tints of topo — for surfaces and lines only */
--color-sand:#F3F0EC;
--color-linen:#E7E2DC;
--color-topo-light:#B9B1A9;
--color-topo-dark:#625A53;
--color-ink-soft:#3D3B3A;
/* Utility */
--color-whatsapp:#25D366;
/* Semantic — surfaces */
--surface-page:var(--color-white);
--surface-alt:var(--color-sand);
--surface-inverse:var(--color-ink);
--surface-card:var(--color-white);
--surface-overlay:rgba(40,39,39,.55);
/* Semantic — text */
--text-primary:var(--color-ink);
--text-secondary:var(--color-topo-dark);
--text-muted:#6E665D;/* topo oscurecido para AA (≈5.6:1 blanco / 5.0:1 arena); --color-topo se mantiene para acento/borde/foco */
--text-inverse:var(--color-white);
--text-inverse-muted:var(--color-topo-light);
/* Semantic — lines */
--border-subtle:var(--color-linen);
--border-default:var(--color-topo-light);
--border-strong:var(--color-ink);
/* Semantic — interactive */
--action-primary-bg:var(--color-ink);
--action-primary-fg:var(--color-white);
--action-primary-hover:var(--color-ink-soft);
--action-secondary-fg:var(--color-ink);
--action-secondary-border:var(--color-ink);
--action-inverse-bg:var(--color-white);
--action-inverse-fg:var(--color-ink);
--accent:var(--color-topo);
--focus-ring:var(--color-topo);
}