:root {
    --color-brand-logo-light: rgb(70, 170, 70);
    --color-brand-logo-dark: rgb(47, 147, 47);
    --color-brand-primary: rgb(77, 177, 77);
    --color-brand-primary-hover: rgb(55, 156, 64);
    --color-brand-primary-soft: rgba(77, 177, 77, 0.1);
    --color-brand-primary-focus: rgba(77, 177, 77, 0.32);
    --color-text-primary: rgb(29, 31, 31);
    --color-text-secondary: rgb(82, 87, 85);
    --color-text-muted: rgb(116, 121, 119);
    --color-border-default: rgb(221, 226, 222);
    --color-border-soft: rgb(235, 239, 235);
    --color-surface-muted: rgb(247, 249, 247);
    --color-surface-soft: rgb(240, 248, 240);
    --color-surface-base: rgb(255, 255, 255);
    --color-surface-dark: rgb(24, 32, 27);
    --shadow-card: 0 24px 70px rgba(31, 51, 37, 0.09);
    --radius-small: 12px;
    --radius-medium: 24px;
    --radius-large: 44px;
    --container: 1520px;
    --font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-size-page-title: clamp(46px, 4vw, 66px);
    --font-size-page-title-mobile: clamp(38px, 11vw, 48px);
    --font-size-section-title: clamp(34px, 2.7vw, 48px);
    --font-size-section-title-compact: clamp(30px, 2.5vw, 42px);
    --font-size-card-title: 22px;
    --font-size-list-title: 20px;
    --font-size-lead: 18px;
    --font-size-body: 16px;
    --font-size-body-small: 15px;
    --font-size-eyebrow: 14px;
    --line-height-title: 1.08;
    --line-height-lead: 1.6;
    --line-height-body: 1.6;
}