:root {--spacing-xxs: 4px;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-ml: 40px;--spacing-lg: 64px;--spacing-xl: 80px;--spacing-xxl: 120px;--page-margin: clamp(12px, 8.8vw + -16px, 104px);--page-margin-sm: clamp(24px, 1.4vw + 19px, 40px);--spacing-section-y-lg: calc(var(--spacing-section-y) * 2);--spacing-section-y: clamp(32px, 1.4vw + 27px, 48px);--color-primary-h: 0;--color-primary-s: 80%;--color-primary-dark-bg: hsl(var(--color-primary-h), var(--color-primary-s), 12%);--color-action-h: var(--color-primary-h);--color-action-s: var(--color-primary-s);--color-action-l: 27%;--color-action: hsl(var(--color-action-h), var(--color-action-s), var(--color-action-l));--color-light-bg-h: 30;--color-light-bg-s: 50%;--color-light-bg-l: 98%;--color-light-bg: hsl(var(--color-light-bg-h), var(--color-light-bg-s), var(--color-light-bg-l));--color-dark-text-h: 244;--color-dark-text-s: 20%;--color-dark-text-l: 7%;--color-dark-text: hsl(var(--color-dark-text-h), var(--color-dark-text-s), var(--color-dark-text-l));--border-radius: 0em;--border-radius-btn: var(--border-radius);--border-width: 2px;--border-style: solid;--padding-btn-y: 0.7em;--padding-btn-x: 1.2em;--padding-card-sm: clamp(16px, 0.7vw + 1.4rem, 24px);--padding-card-md: clamp(24px, 1.4vw + 19px, 40px);--padding-card-lg: clamp(64px, 1.74vw + 58px, 80px);--grid-1: repeat(1, minmax(0, 1fr));--grid-2: repeat(2, minmax(0, 1fr));--grid-3: repeat(3, minmax(0, 1fr));--grid-4: repeat(4, minmax(0, 1fr));--box-shadow-x: 0px;--box-shadow-y: 4px;--size-text: 1.125rem;--size-h1: clamp(2.488rem, 3.826vw + 1.627rem, 4.688rem);--size-h2: clamp(2.074rem, 2.48vw + 1.516rem, 3.5rem);--size-h3: clamp(1.728rem, 1.56vw + 1.377rem, 2.625rem);--size-h4: clamp(1.44rem, 0.866vw + 1.245rem, 1.938rem);--size-h6: clamp(1rem, 0.435vw + 0.902rem, 1.25rem);--size-h5: clamp(1.2rem, 0.522vw + 1.083rem, 1.5rem);--size-text-lg: 1.25rem;--size-text-btn: 1.25rem;--size-text-sm: 1rem;--size-text-xs: 0.875rem;--font-weight-text: 400;--font-weight-btn: 600;--font-weight-label: 600;--size-label: var(--size-text);--line-height-text: 160%;--line-height-headings: 120%;--line-height-btn: 120%;--transition-sm: all 0.2s ease-in-out 0s;--transition-md: all 0.3s ease-in-out 0s;--transition-lg: all 0.5s ease-in-out 0s;--color-light-text: var(--color-light-bg);--color-text-btn-dark: var(--color-light-text);--color-text-btn-light: var(--color-dark-text);--border-width-btn: var(--border-width);--size-tap-target: 2.75rem;--max-width-container: 80rem;--line-height-label: var(--line-height-headings);--border-width-sm: calc(var(--border-width)/2);--border-input: var(--border-width-sm) var(--border-style) var(--color-dark-text);--max-width-ch: 65ch;--color-error: red;--font-weight-headings: 600;--color-action-light: var(--color-light-text);}