:root { --primary: #00FA9A; --primary-hover: #124954; --secondary: #D9DB28; --secondary-hover: #B8763F; --light: #FFFFFF; --dark: #0E181B; --success: #2F7D4F; --error: #B42318; --warning: #B7791F; --info: #2563A8; --bg-body: #ffffff; --bg-surface: #F3F8F7; --bg-surface-alt: #1C7266; --bg-muted: #EEF2F2; --bg-inverse: va; --text-body: #0E181B; --text-heading: #1C7266; --text-muted: #6B7A7E; --text-inverse: #FFFFFF; --text-link: #0E181B; --text-link-hover: #1C7266; --border: #1C7266; --border-strong: rgba(16, 42, 48, 0.28); --border-inverse: rgba(255, 255, 255, 0.22); --overlay-light: rgba(255, 255, 255, 0.72); --overlay-dark: rgba(16, 42, 48, 0.58); --primary-d-1: #3da382; --primary-d-2: #1c7266; --primary-d-3: #1a6a5f; --space-2xs: clamp(0.51rem,calc(0.03vw + 0.51rem),0.53rem); --space-xs: clamp(0.64rem,calc(0.16vw + 0.61rem),0.75rem); --space-s: clamp(0.8rem,calc(0.37vw + 0.73rem),1.06rem); --space-m: clamp(1rem,calc(0.71vw + 0.86rem),1.5rem); --space-l: clamp(1.25rem,calc(1.24vw + 1rem),2.12rem); --space-xl: clamp(1.56rem,calc(2.05vw + 1.15rem),3rem); --space-2xl: clamp(1.95rem,calc(3.27vw + 1.3rem),4.24rem); --space-section: clamp(4rem, 7vw, 6.25rem); --offset: 80px; --text-xs: clamp(0.75rem, 0.75rem, 0.75rem); --text-s: clamp(0.875rem, 0.875rem, 0.875rem); --text-m: clamp(0.9375rem, calc(0.9167rem + 0.0926vw), 1rem); --text-l: clamp(1.0625rem, calc(1.0417rem + 0.0926vw), 1.125rem); --text-xl: clamp(1.25rem, calc(1.2083rem + 0.1852vw), 1.375rem); --text-2xl: clamp(1.5rem, calc(1.4167rem + 0.3704vw), 1.75rem); --text-3xl: clamp(2.125rem, calc(1.6875rem + 1.9444vw), 3.4375rem); --text-4xl: clamp(2.625rem, calc(2.0417rem + 2.5926vw), 4.375rem); --hero-title-size: var(--text-4xl); --post-title-size: var(--text-2xl); --nav-link-size: var(--text-s); --text-line-height: 1.5; --text-letter-spacing: inherit; --h1-line-height: 1.1; --h2-line-height: 1.1; --h3-line-height: 1.3; --h4-line-height: 1.2; --h5-line-height: 1.25; --h6-line-height: 1.3; --h6-font-size: var(--text-m); --h5-font-size: var(--text-l); --h4-font-size: var(--text-xl); --h1-font-size: var(--text-4xl); --h2-font-size: var(--text-3xl); --h3-font-size: var(--text-2xl);}