:root {--text-h1: clamp(2.2rem, 2.13rem + 0.3vw, 2.4rem);--text-h2: clamp(2rem, 1.93rem + 0.3vw, 2.2rem);--text-h3: clamp(1.8rem, 1.73rem + 0.3vw, 2rem);--text-h4: clamp(1.6rem, 1.53rem + 0.3vw, 1.8rem);--text-h5: clamp(1.4rem, 1.33rem + 0.3vw, 1.6rem);--text-h6: clamp(1.2rem, 1.13rem + 0.3vw, 1.4rem);--text-p: clamp(1rem, 0.93rem + 0.3vw, 1.2rem);--text-small: clamp(0.8rem, 0.73rem + 0.3vw, 1rem);--space-inner-gap: calc(var(--text-p) * 0.8);--space-inner-side: calc(var(--text-p) * 2);--space-inner-block: calc(var(--text-p) * 2);--inner-max: min(100%, 66ch);--space-outer-gap: calc(var(--space-inner-gap) * 4);--space-outer-block: calc(var(--space-inner-block) * 2);--outer-max: min(100%, 1440px);--eye-text: var(--text-small);--eye-side: calc(var(--text-small) * 0.8);--eye-block: calc(var(--text-small) * 0.4);--form-side: var(--button-side);--form-block: var(--button-block);--button-text: var(--text-p);--button-side: calc(var(--button-text) * 0.8);--button-block: calc(var(--button-text) * 0.4);--border-size: calc(var(--text-p) * 0.1);--border-radius: calc(var(--text-p) * 0.4);--card-icon-size: calc(var(--text-h3) * 2);--card-gap: calc(var(--space-inner-gap) * 2);--button-icon-size: var(--button-text);--button-icon-gap: calc(var(--space-inner-gap) * 0.5);--link-icon-size: var(--text-p);--link-icon-gap: calc(var(--space-inner-gap) * 0.5);--text-h1-line: 1;--text-h2-line: 1.1;--text-h3-line: 1.2;--text-h4-line: 1.3;--text-h5-line: 1.4;--text-h6-line: 1.5;--text-p-line: 1.6;--text-small-line: 1.7;--color-bone-light: #fcfcfc;--color-bone-dark: #f0f0f0;--color-shore-light: #0c4854;--color-shore-dark: #0c3c48;--color-prism-light: #0c2430;--color-prism-dark: #0c1824;}