:root{
/* base palette — from Bitácora InFI visual direction */
--paper:#F7F7F3;
--mist:#EEF0EB;
--stone:#D7DAD3;
--ink:#18211F;
--graphite:#5E6864;
--petrol:#0F5C5A;
--petrol-dark:#0B4644;
--mint:#D8E9E3;
--mineral-blue:#3B6D8C;
--ochre:#B6781E;
--brick:#B34A43;
--leaf:#4D7A57;
--white:#FFFFFF;

/* semantic aliases */
--surface-page:var(--paper);
--surface-secondary:var(--mist);
--surface-card:var(--white);
--surface-sunken:var(--mist);
--border-default:var(--stone);
--border-strong:color-mix(in oklch, var(--stone) 60%, var(--ink) 40%);
--text-primary:var(--ink);
--text-secondary:var(--graphite);
--text-on-brand:var(--white);
--text-link:var(--petrol);
--text-link-hover:var(--petrol-dark);

--brand:var(--petrol);
--brand-hover:var(--petrol-dark);
--brand-soft:var(--mint);
--brand-selected:var(--mint);

--signal-info:var(--mineral-blue);
--signal-info-soft:color-mix(in oklch, var(--mineral-blue) 14%, var(--paper));
--signal-attention:var(--ochre);
--signal-attention-soft:color-mix(in oklch, var(--ochre) 14%, var(--paper));
--signal-critical:var(--brick);
--signal-critical-soft:color-mix(in oklch, var(--brick) 14%, var(--paper));
--signal-positive:var(--leaf);
--signal-positive-soft:color-mix(in oklch, var(--leaf) 14%, var(--paper));

--focus-ring:var(--petrol);
}