:root{
 --color-ink:#111a22;--color-ink-2:#263541;--color-text:#263541;--color-soft:#566978;--color-muted:#566978;
 --color-blue-dark:#163a54;--color-blue:#245a7a;--color-brand-hover:#1b4763;--color-accent:#a77b52;
 --color-bg:#f4f6f7;--color-surface:#fff;--color-surface-soft:#e8f0f5;--color-warm-surface:#f3f0ea;--color-line:#d5dee4;--color-border:#d5dee4;--color-accent-bg:#e8f0f5;
 --container:1240px;--gutter:32px;--content:760px;--sidebar:260px;
 --radius:8px;--radius-lg:14px;--shadow:0 16px 44px rgba(17,26,34,.09);--shadow-hover:0 18px 46px rgba(17,26,34,.13);
 --space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:64px;--space-8:80px;
 --font:"Manrope",Arial,sans-serif;
 --text-sm:14px;--text-ui:15px;--text-body:17px;--text-lead:20px;
}
@media(max-width:1024px){:root{--gutter:24px;--space-8:64px}}
@media(max-width:640px){:root{--gutter:16px;--space-8:48px;--space-7:48px;--text-body:16px;--text-lead:18px}}