/* Square SMS — colour tokens. Original palette; WCAG 2.2 AA. Warm paper neutrals + deep eucalypt primary + restrained semantics. Status NEVER relies on colour alone. */
:root{
/* Neutrals — warm paper greys */
--n-0:#FCFBF9;--n-50:#F7F5F1;--n-100:#EFECE6;--n-200:#E2DED6;--n-300:#CDC7BD;--n-400:#A49D93;--n-500:#7C766D;--n-600:#5B5650;--n-700:#423E39;--n-800:#2B2825;--n-900:#191714;
/* Primary — eucalypt (deep green-teal) */
--eu-50:#EDF5F2;--eu-100:#DCEBE5;--eu-200:#B8D6CC;--eu-300:#84B5A6;--eu-500:#2E7263;--eu-600:#1F5C50;--eu-700:#17493F;--eu-800:#113830;
/* Semantic — success */
--ok-fg:#1E6E3C;--ok-bg:#E9F3EC;--ok-border:#BBDCC6;--ok-solid:#1E6E3C;
/* Semantic — warning */
--warn-fg:#84571A;--warn-bg:#FBF2E0;--warn-border:#EBD5A8;--warn-solid:#B27A1E;
/* Semantic — danger */
--danger-fg:#A32014;--danger-bg:#FBEBE9;--danger-border:#F0C3BE;--danger-solid:#A32014;
/* Semantic — blocked (cool slate, distinct from warm neutrals; always paired with lock icon) */
--blocked-fg:#3B3750;--blocked-bg:#ECEAF2;--blocked-border:#CFCBDE;
/* Semantic — info / partial (blue; partial pairs with half-circle icon) */
--info-fg:#1D5C9C;--info-bg:#E8F0F9;--info-border:#BFD6EC;
/* Semantic — unknown (neutral + dashed border + help icon) */
--unknown-fg:#5B5650;--unknown-bg:#F7F5F1;--unknown-border:#A49D93;
/* Semantic aliases */
--surface-page:var(--n-0);--surface-card:#FFFFFF;--surface-sunken:var(--n-50);--surface-raised:#FFFFFF;--surface-inverse:var(--n-800);
--text-heading:var(--n-900);--text-body:var(--n-700);--text-secondary:var(--n-600);--text-muted:var(--n-500);--text-inverse:var(--n-0);--text-on-primary:#FFFFFF;
--border-default:var(--n-200);--border-strong:var(--n-300);--border-subtle:var(--n-100);
--accent:var(--eu-600);--accent-hover:var(--eu-700);--accent-active:var(--eu-800);--accent-subtle:var(--eu-50);--accent-border:var(--eu-200);--accent-text:var(--eu-700);
--link:var(--eu-700);--link-hover:var(--eu-800);
--focus-ring:var(--eu-500);
}