:root { --primary: #7ba095; --primary-d-1: #5e8077; --primary-d-2: #12424B; --primary-d-3: #0D3038; --primary-d-4: #081F24; --primary-l-1: #48818C; --primary-l-2: #76A0A9; --primary-l-3: #A8C3C8; --primary-l-4: #D6E3E5; --primary-hover: #6c9086; --secondary: #ba8b6f; --secondary-d-1: #986d54; --secondary-d-2: #94663E; --secondary-d-3: #6C4B2E; --secondary-d-4: #45301D; --secondary-l-1: #E1AB7C; --secondary-l-2: #E8C09D; --secondary-l-3: #e4ccc0; --secondary-l-4: #f6eeea; --secondary-hover: #a97b60; --tertiary: #c5cfc1; --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; --tertiary-hover: #5F7F63; --light: #FFFFFF; --dark: #000000; --success: #2F7D4F; --error: #B42318; --warning: #B7791F; --info: #2563A8; --bg-body: #ffffff; --bg-surface: #FFFFFF; --bg-surface-alt: #f6f4f2; --bg-muted: #EEF2F2; --bg-inverse: #102A30; --text-body: #707173; --text-heading: #707173; --text-muted: #6B7A7E; --text-inverse: #FFFFFF; --text-link: #707173; --text-link-hover: #ba8b6f; --border: rgba(16, 42, 48, 0.14); --border-strong: rgba(16, 42, 48, 0.28); --border-inverse: rgba(255, 255, 255, 0.22); --shadow-primary: rgba(16, 42, 48, 0.14); --shadow-secondary: rgba(217, 150, 91, 0.28); --overlay-light: rgba(255, 255, 255, 0.72); --overlay-dark: rgba(16, 42, 48, 0.58); --primary-t-1: hsla(190, 62%, 27%, 0.2); --primary-t-2: hsla(190, 62%, 27%, 0.4); --primary-t-3: hsla(190, 62%, 27%, 0.6); --primary-t-4: hsla(190, 62%, 27%, 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); --space-2xs: clamp(0.667rem, 0.556rem + 0.556vw, 1rem);; --space-xs: clamp(0.889rem, 0.741rem + 0.741vw, 1.333rem);; --space-s: clamp(1.333rem, 0.852rem + 2.407vw, 2.778rem);; --space-m: clamp(1.778rem, 1.185rem + 2.963vw, 3.556rem);; --space-l: clamp(2.222rem, 1.481rem + 3.704vw, 4.444rem);; --space-xl: clamp(2.667rem, 1.704rem + 4.815vw, 5.556rem);; --space-2xl: clamp(3.556rem, 1.963rem + 7.963vw, 8.333rem);; --space-section: clamp(2.667rem, 1.704rem + 4.815vw, 5.556rem);; --offset: 80px; --text-xs: clamp(0.694rem, 0.676rem + 0.093vw, 0.75rem); --text-s: clamp(0.833rem, 0.801rem + 0.161vw, 0.93rem); --text-m: clamp(0.889rem, 0.852rem + 0.185vw, 1rem); --text-l: clamp(0.944rem, 0.909rem + 0.176vw, 1.05rem); --text-xl: clamp(1rem, 0.963rem + 0.183vw, 1.11rem); --text-2xl: clamp(1.278rem, 1.2rem + 0.389vw, 1.511rem); --text-3xl: clamp(1.611rem, 1.463rem + 0.741vw, 2.057rem); --text-4xl: clamp(1.75rem, 1.45rem + 1.4vw, 2.8rem); --hero-title-size: var(--text-4xl); --post-title-size: var(--text-2xl); --nav-link-size: var(--text-m); --text-line-height: clamp(1.2, 1.2, 1.2); --text-letter-spacing: inherit; --h1-line-height: 1.2; --h2-line-height: 1.2; --h3-line-height: 1.2; --h4-line-height: 1.2; --h5-line-height: 1.2; --h6-line-height: 1.2; --h2-letter-spacing: 0.01em; --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-l); --h3-font-size: var(--text-2xl); --base-font-size: var(--text-xl);}