:root { --primary: #6b7c17; --primary-d-1: #5C6B1E; --primary-d-2: #4A5518; --primary-d-3: #3E4427; --primary-d-4: #1F2213; --primary-l-1: #8A9B3A; --primary-l-2: #A8B66E; --primary-l-3: #C9D2A6; --primary-l-4: #E4E9CE; --secondary: #D9965B; --secondary-d-1: #B8804D; --secondary-d-2: #94663E; --secondary-d-3: #6C4B2E; --secondary-d-4: #45301D; --secondary-l-1: #E1AB7C; --secondary-l-2: #E8C09D; --secondary-l-3: #F1D7C1; --secondary-l-4: #F8ECE1; --tertiary: #7A9E7E; --tertiary-d-1: #68866B; --tertiary-d-2: #536B56; --tertiary-d-3: #3D4F3F; --tertiary-d-4: #273328; --tertiary-l-1: #95B198; --tertiary-l-2: #AFC5B2; --tertiary-l-3: #CCDACE; --tertiary-l-4: #E7EEE8; --light: #FFFFFF; --dark: #000000; --success: #2F7D4F; --error: #B42318; --warning: #B7791F; --info: #2563A8; --bg-body: #FDFBF8; --bg-surface: #FEFDFB; --bg-surface-alt: #FAF2E8; --bg-muted: #EEF0E8; --bg-inverse: #3E4427; --text-body: #57534B; --text-heading: #1E1E1B; --text-muted: #837C72; --text-inverse: #F6F1E7; --text-link: #5C6B1E; --text-link-hover: #3E4427; --border: rgba(30, 30, 27, 0.1); --border-strong: rgba(30, 30, 27, 0.2); --border-inverse: rgba(246, 241, 231, 0.22); --shadow-primary: rgba(30, 30, 27, 0.1); --shadow-secondary: rgba(217, 150, 91, 0.28); --overlay-light: rgba(255, 255, 255, 0.72); --overlay-dark: rgba(31, 34, 19, 0.82); --primary-t-1: hsla(70, 69%, 29%, 0.2); --primary-t-2: hsla(70, 69%, 29%, 0.4); --primary-t-3: hsla(70, 69%, 29%, 0.6); --primary-t-4: hsla(70, 69%, 29%, 0.8); --secondary-t-1: hsla(28, 62%, 60%, 0.2); --secondary-t-2: hsla(28, 62%, 60%, 0.4); --secondary-t-3: hsla(28, 62%, 60%, 0.6); --secondary-t-4: hsla(28, 62%, 60%, 0.8); --tertiary-t-1: hsla(127, 16%, 55%, 0.2); --tertiary-t-2: hsla(127, 16%, 55%, 0.4); --tertiary-t-3: hsla(127, 16%, 55%, 0.6); --tertiary-t-4: hsla(127, 16%, 55%, 0.8); --primary-hover: #5C6B1E; --secondary-hover: #B8763F; --tertiary-hover: #5F7F63; --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, 7rem); --offset: 80px; --section-pad-y: clamp(4rem, 6vw, 6.5rem); --text-xs: clamp(0.75rem, 0.85vw, 0.9375rem); --text-s: clamp(0.875rem, 1vw, 1rem); --text-m: clamp(1rem, 1.15vw, 1.125rem); --text-l: clamp(1.0625rem, 1.35vw, 1.25rem); --text-xl: clamp(1.25rem, 1.6vw, 1.5rem); --text-2xl: clamp(1.75rem, 3.2vw, 2.625rem); --text-3xl: clamp(1.875rem, 3.4vw, 2.75rem); --text-4xl: clamp(2.375rem, 4.6vw, 3.75rem); --hero-title-size: var(--text-4xl); --post-title-size: var(--text-2xl); --nav-link-size: var(--text-s); --text-line-height: 1.6; --text-letter-spacing: inherit; --h1-line-height: 1.05; --h2-line-height: 1.1; --h3-line-height: 1.15; --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); --font-display: 'Space Grotesk', system-ui, -apple-system, sans-serif; --font-body: 'Hanken Grotesk', system-ui, -apple-system, sans-serif; --font-eyebrow: 'League Spartan', system-ui, -apple-system, sans-serif;}