:root { --color-primary: #b6966e; --color-secondary: #1e3f71; --color-accent: #1e3f71; --color-white: #fff; --color-light: #f0f3f8; --color-dark: #212529; --color-muted: #6c757d; --color-border: #dee2e6; --color-info: #0dcaf0; --color-danger: #dc3545; --text-body-color: rgb(7, 35, 75); --text-color: #000; --body-bg: #fff; --color-success: #198754; --color-warning: #ffc107; --card-bg: var(--color-white); --section-bg-1: #FBFBFB; --section-bg-2: #f1f3f5; --section-bg-4: #f9f7ff; --section-bg-5: #fff; --text-color-t-1: rgba(64, 64, 64, 0.75); --text-color-t-2: rgba(128, 128, 128, 0.5); --text-color-t-3: rgba(191, 191, 191, 0.25); --color-accent-l-1: #435f89; --color-accent-l-2: #697fa0; --color-accent-l-3: #8f9fb8; --color-accent-l-4: #b4bfd0; --color-accent-l-5: #dadfe7; --color-accent-d-1: #19355e; --color-accent-d-2: #142a4b; --color-accent-d-3: #0f2039; --color-accent-d-4: #0a1526; --color-accent-d-5: #050b13; --color-accent-t-1: hsla(216, 23%, 88%, 0.17); --color-accent-t-2: hsla(216, 23%, 76%, 0.33); --color-accent-t-3: hsla(216, 23%, 64%, 0.5); --color-accent-t-4: hsla(216, 23%, 52%, 0.67); --color-accent-t-5: hsla(216, 34%, 40%, 0.83); --color-primary-l-1: #c2a886; --color-primary-l-2: #ceb99e; --color-primary-l-3: #dbcbb7; --color-primary-l-4: #e7dccf; --color-primary-l-5: #f3eee7; --color-primary-d-1: #987d5c; --color-primary-d-2: #796449; --color-primary-d-3: #5b4b37; --color-primary-d-4: #3d3225; --color-primary-d-5: #1e1912; --color-primary-t-1: hsla(33, 33%, 93%, 0.17); --color-primary-t-2: hsla(33, 33%, 86%, 0.33); --color-primary-t-3: hsla(33, 33%, 79%, 0.5); --color-primary-t-4: hsla(33, 33%, 72%, 0.67); --color-primary-t-5: hsla(33, 33%, 64%, 0.83); --color-secondary-l-1: #435f89; --color-secondary-l-2: #697fa0; --color-secondary-l-3: #8f9fb8; --color-secondary-l-4: #b4bfd0; --color-secondary-l-5: #dadfe7; --color-secondary-d-1: #19355e; --color-secondary-d-2: #142a4b; --color-secondary-d-3: #0f2039; --color-secondary-d-4: #0a1526; --color-secondary-d-5: #050b13; --color-white-t-1: hsla(0, 0%, 100%, 0.25); --color-white-t-2: hsla(0, 0%, 100%, 0.5); --color-white-t-3: hsla(0, 0%, 100%, 0.75); --space-2xs: clamp(0.51rem, calc(0.0017777777777777776 * (100vw - 22.5rem) + 0.51rem), 0.63rem); --space-xs: clamp(0.64rem, calc(0.0029629629629629624 * (100vw - 22.5rem) + 0.64rem), 0.84rem); --space-s: clamp(0.8rem, calc(0.004888888888888887 * (100vw - 22.5rem) + 0.8rem), 1.13rem); --space-m: clamp(1rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 1rem), 1.5rem); --space-l: clamp(1.25rem, calc(0.011111111111111112 * (100vw - 22.5rem) + 1.25rem), 2rem); --space-xl: clamp(1.56rem, calc(0.016444444444444442 * (100vw - 22.5rem) + 1.56rem), 2.67rem); --space-2xl: clamp(1.95rem, calc(0.023703703703703703 * (100vw - 22.5rem) + 1.95rem), 3.55rem); --text-btn: clamp(0.88rem, calc(0 * (100vw - 22.5rem) + 0.88rem), 0.88rem); --text-xs: clamp(0.64rem, calc(0.0008888888888888881 * (100vw - 22.5rem) + 0.64rem), 0.7rem); --text-s: clamp(0.8rem, calc(0.002074074074074073 * (100vw - 22.5rem) + 0.8rem), 0.94rem); --text-m: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --text-l: clamp(1rem, calc(0.0019259259259259242 * (100vw - 22.5rem) + 1rem), 1.13rem); --text-body: clamp(0.75rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 0.75rem), 1rem); --text-h6: clamp(0.94rem, calc(0.002814814814814814 * (100vw - 22.5rem) + 0.94rem), 1.13rem); --text-h5: clamp(1.13rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1.13rem), 1.38rem); --text-h4: clamp(1.13rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 1.13rem), 1.63rem); --text-h3: clamp(1.5rem, calc(0.005629629629629628 * (100vw - 22.5rem) + 1.5rem), 1.88rem); --text-h2: clamp(1.63rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 1.63rem), 2.13rem); --text-h1: clamp(2.38rem, calc(0.016592592592592593 * (100vw - 22.5rem) + 2.38rem), 3.5rem); --space-3xl: clamp(3.5rem, calc(0.040740740740740744 * (100vw - 22.5rem) + 3.5rem), 6.25rem); --space-4xl: clamp(4.38rem, calc(0.05851851851851852 * (100vw - 22.5rem) + 4.38rem), 8.33rem); --space-5xl: clamp(5.47rem, calc(0.08355555555555555 * (100vw - 22.5rem) + 5.47rem), 11.11rem); --text-2xs: clamp(0.51rem, calc(0.00029629629629629656 * (100vw - 22.5rem) + 0.51rem), 0.53rem); --text-xl: clamp(1.56rem, calc(0.00977777777777778 * (100vw - 22.5rem) + 1.56rem), 2.22rem); --text-2xl: clamp(1.95rem, calc(0.014962962962962963 * (100vw - 22.5rem) + 1.95rem), 2.96rem);}.text-leftbtn { text-align: left;: var(--text-btn); }.text-leftxs { text-align: left;: var(--text-xs); }.text-lefts { text-align: left;: var(--text-s); }.text-leftm { text-align: left;: var(--text-m); }.text-leftl { text-align: left;: var(--text-l); }.text-leftbody { text-align: left;: var(--text-body); }.text-lefth6 { text-align: left;: var(--text-h6); }.text-lefth5 { text-align: left;: var(--text-h5); }.text-lefth4 { text-align: left;: var(--text-h4); }.text-lefth3 { text-align: left;: var(--text-h3); }.text-lefth2 { text-align: left;: var(--text-h2); }.text-lefth1 { text-align: left;: var(--text-h1); }.text-centerbtn { text-align: center;: var(--text-btn); }.text-centerxs { text-align: center;: var(--text-xs); }.text-centers { text-align: center;: var(--text-s); }.text-centerm { text-align: center;: var(--text-m); }.text-centerl { text-align: center;: var(--text-l); }.text-centerbody { text-align: center;: var(--text-body); }.text-centerh6 { text-align: center;: var(--text-h6); }.text-centerh5 { text-align: center;: var(--text-h5); }.text-centerh4 { text-align: center;: var(--text-h4); }.text-centerh3 { text-align: center;: var(--text-h3); }.text-centerh2 { text-align: center;: var(--text-h2); }.text-centerh1 { text-align: center;: var(--text-h1); }.text-rightbtn { text-align: right;: var(--text-btn); }.text-rightxs { text-align: right;: var(--text-xs); }.text-rights { text-align: right;: var(--text-s); }.text-rightm { text-align: right;: var(--text-m); }.text-rightl { text-align: right;: var(--text-l); }.text-rightbody { text-align: right;: var(--text-body); }.text-righth6 { text-align: right;: var(--text-h6); }.text-righth5 { text-align: right;: var(--text-h5); }.text-righth4 { text-align: right;: var(--text-h4); }.text-righth3 { text-align: right;: var(--text-h3); }.text-righth2 { text-align: right;: var(--text-h2); }.text-righth1 { text-align: right;: var(--text-h1); }