/* Устрій — колір. Спокійний порядок: теплі сіро-зелені нейтрали + глибокий петроль-акцент. Всі пари тексту — AA. Джерело: дизайн-система Устрій (Claude Design). */
:root{
--n-0:#FFFFFF;--n-25:#FAFBF9;--n-50:#F5F6F3;--n-100:#ECEEE9;--n-200:#E3E6DF;--n-300:#C8CCC3;--n-500:#6C7570;--n-600:#565E59;--n-700:#3E4642;--n-900:#1E2422;
--accent-800:#0D454D;--accent-700:#125A63;--accent-600:#17707B;--accent-100:#DEEDEE;--accent-50:#EFF6F6;
--surface-brand:#092E34;--surface-brand-raised:rgba(255,255,255,.10);--text-on-brand:#FFFFFF;--text-on-brand-muted:rgba(255,255,255,.62);
--ok-700:#2E6B3E;--ok-100:#E2EFE4;--warn-700:#7A5800;--warn-100:#F6EEDA;--danger-700:#A93B31;--danger-100:#F7E6E3;
--surface-page:var(--n-50);--surface-card:var(--n-0);--surface-raised:var(--n-25);--surface-sunken:var(--n-100);--surface-accent-tint:var(--accent-50);
--text-body:var(--n-900);--text-secondary:var(--n-600);--text-muted:var(--n-500);--text-on-accent:#FFFFFF;--text-link:var(--accent-700);--text-link-hover:var(--accent-800);
--border-default:var(--n-200);--border-strong:var(--n-300);--border-input:var(--n-300);--accent:var(--accent-700);--accent-hover:var(--accent-800);
--tag-bg:var(--n-100);--tag-border:var(--n-200);--tag-text:var(--n-700);--focus-ring:var(--accent-600);
}