:root {--color-brand-main: #017167;--color-brand-hover: #3aaea3;--color-brand-light: #e5f0ed;--color-text-title: #303133;--color-ui-bg-main: #ffffff;--color-ui-bg-dark: #1a2624;--color-text-muted: #7a8289;--color-text-white: #ffffff;--color-text-body: #616161;--color-ui-bg-alt: #f8f9fa;--color-ui-border: #e4e8ec;--size-font-h1: clamp(2.5rem, 5vw + 1rem, 4rem);--size-font-h2: clamp(1.8rem, 4vw + 0.5rem, 2.8rem);--size-font-h3: clamp(1.4rem, 3vw, 2rem);--size-font-body: clamp(1rem, 0.5vw + 0.9rem, 1.1rem);--space-base: clamp(16px, 1.2vw + 12px, 20px);--space-x2: calc(var(--space-base) * 2);--space-x3: calc(var(--space-base) * 3);--space-section: clamp(60px, 9vw, 130px);--space-site-gutter: clamp(20px, 5vw, 32px);--shadow-ui-card: 0px 8px 40px 0px rgba(0,38,3,0.05);--shadow-ui-float: 0 12px 24px rgba(0, 0, 0, 0.1);--trans-ui-base: 300ms cubic-bezier(0.4, 0, 0.2, 1);--trans-ui-spring: 600ms cubic-bezier(0.34, 1.56, 0.64, 1);--radius-ui-small: 10px;--lh-font-heading: 1.2;--lh-font-body: 1.7;--size-container-narrow: 900px;--size-font-2xl: calc(var(--size-font-body) * 2);;--size-font-4xl: calc(var(--size-font-body) * 4);;--size-font-6xl: calc(var(--size-font-body) * 6);;--size-container-normal: 100%;}