:root { --primary: #4A9B8E; --primary-light: #1E3A5F; --primary-dark: #E8C9A0; --primary-mid: #3D7A6E; --surface-alt: #F2F4F5; --surface-subtle: #FAFAFA; --text: #1A1A1A; --text-secondary: #4A4A4A; --text-muted: #6A6A6A; --text-disabled: #9A9A9A; --text-inverse: #FFFFFF; --border: #E5E5E5; --border-light: #CFCFCF; --success: #27ae60; --warning: #f39c12; --danger: #C85D60; --text-2xs: clamp(0.58rem, calc(-0.00014814814814814828 * (100vw - 22.5rem) + 0.58rem), 0.57rem); --text-xs: clamp(0.69rem, calc(0.0007407407407407414 * (100vw - 22.5rem) + 0.69rem), 0.74rem); --text-s: clamp(0.83rem, calc(0.001925925925925926 * (100vw - 22.5rem) + 0.83rem), 0.96rem); --text-m: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --text-l: clamp(1.2rem, calc(0.006370370370370369 * (100vw - 22.5rem) + 1.2rem), 1.63rem); --text-xl: clamp(1.44rem, calc(0.009925925925925925 * (100vw - 22.5rem) + 1.44rem), 2.11rem); --text-2xl: clamp(1.73rem, calc(0.015111111111111112 * (100vw - 22.5rem) + 1.73rem), 2.75rem); --text-3xl: clamp(2.07rem, calc(0.022222222222222223 * (100vw - 22.5rem) + 2.07rem), 3.57rem); --text-4xl: clamp(2.49rem, calc(0.031851851851851846 * (100vw - 22.5rem) + 2.49rem), 4.64rem); --text-5xl: clamp(2.99rem, calc(0.045037037037037035 * (100vw - 22.5rem) + 2.99rem), 6.03rem); --space-2xs: 0.25rem; --space-xs: 0.5rem; --space-s: 0.75rem; --space-m: 1rem; --space-l: 1.5rem; --space-xl: 2rem; --space-2xl: 3rem; --space-3xl: 4rem; --space-4xl: 6rem; --space-5xl: 8rem; --space-6xl: 10rem;}.bg-primary { background-color: var(--primary); }.text-primary { color: var(--primary); }.bg-primary-light { background-color: var(--primary-light); }.bg-primary-dark { background-color: var(--primary-dark); }.text-primary-dark { color: var(--primary-dark); }.bg-primary-mid { background-color: var(--primary-mid); }.bg-surface-alt { background-color: var(--surface-alt); }.bg-surface-subtle { background-color: var(--surface-subtle); }.text-text { color: var(--text); }.text-text-secondary { color: var(--text-secondary); }.text-text-muted { color: var(--text-muted); }.text-text-disabled { color: var(--text-disabled); }.text-text-inverse { color: var(--text-inverse); }.border-border { border-color: var(--border); }.border-border-light { border-color: var(--border-light); }.outline-success { outline-color: var(--success); }.fill-success { fill: var(--success); }.outline-warning { outline-color: var(--warning); }.fill-warning { fill: var(--warning); }.outline-danger { outline-color: var(--danger); }.fill-danger { fill: var(--danger); }.font-2xs { font-size: var(--text-2xs); }.font-xs { font-size: var(--text-xs); }.font-s { font-size: var(--text-s); }.font-m { font-size: var(--text-m); }.font-l { font-size: var(--text-l); }.font-xl { font-size: var(--text-xl); }.font-2xl { font-size: var(--text-2xl); }.font-3xl { font-size: var(--text-3xl); }.font-4xl { font-size: var(--text-4xl); }.font-5xl { font-size: var(--text-5xl); }.p-2xs { padding: var(--space-2xs); }.p-xs { padding: var(--space-xs); }.p-s { padding: var(--space-s); }.p-m { padding: var(--space-m); }.p-l { padding: var(--space-l); }.p-xl { padding: var(--space-xl); }.p-2xl { padding: var(--space-2xl); }.p-3xl { padding: var(--space-3xl); }.p-4xl { padding: var(--space-4xl); }.p-5xl { padding: var(--space-5xl); }.p-6xl { padding: var(--space-6xl); }.m-2xs { margin: var(--space-2xs); }.m-xs { margin: var(--space-xs); }.m-s { margin: var(--space-s); }.m-m { margin: var(--space-m); }.m-l { margin: var(--space-l); }.m-xl { margin: var(--space-xl); }.m-2xl { margin: var(--space-2xl); }.m-3xl { margin: var(--space-3xl); }.m-4xl { margin: var(--space-4xl); }.m-5xl { margin: var(--space-5xl); }.m-6xl { margin: var(--space-6xl); }.px-2xs { padding-inline: var(--space-2xs); }.px-xs { padding-inline: var(--space-xs); }.px-s { padding-inline: var(--space-s); }.px-m { padding-inline: var(--space-m); }.px-l { padding-inline: var(--space-l); }.px-xl { padding-inline: var(--space-xl); }.px-2xl { padding-inline: var(--space-2xl); }.px-3xl { padding-inline: var(--space-3xl); }.px-4xl { padding-inline: var(--space-4xl); }.px-5xl { padding-inline: var(--space-5xl); }.px-6xl { padding-inline: var(--space-6xl); }.py-2xs { padding-block: var(--space-2xs); }.py-xs { padding-block: var(--space-xs); }.py-s { padding-block: var(--space-s); }.py-m { padding-block: var(--space-m); }.py-l { padding-block: var(--space-l); }.py-xl { padding-block: var(--space-xl); }.py-2xl { padding-block: var(--space-2xl); }.py-3xl { padding-block: var(--space-3xl); }.py-4xl { padding-block: var(--space-4xl); }.py-5xl { padding-block: var(--space-5xl); }.py-6xl { padding-block: var(--space-6xl); }.mx-2xs { margin-inline: var(--space-2xs); }.mx-xs { margin-inline: var(--space-xs); }.mx-s { margin-inline: var(--space-s); }.mx-m { margin-inline: var(--space-m); }.mx-l { margin-inline: var(--space-l); }.mx-xl { margin-inline: var(--space-xl); }.mx-2xl { margin-inline: var(--space-2xl); }.mx-3xl { margin-inline: var(--space-3xl); }.mx-4xl { margin-inline: var(--space-4xl); }.mx-5xl { margin-inline: var(--space-5xl); }.mx-6xl { margin-inline: var(--space-6xl); }.my-2xs { margin-block: var(--space-2xs); }.my-xs { margin-block: var(--space-xs); }.my-s { margin-block: var(--space-s); }.my-m { margin-block: var(--space-m); }.my-l { margin-block: var(--space-l); }.my-xl { margin-block: var(--space-xl); }.my-2xl { margin-block: var(--space-2xl); }.my-3xl { margin-block: var(--space-3xl); }.my-4xl { margin-block: var(--space-4xl); }.my-5xl { margin-block: var(--space-5xl); }.my-6xl { margin-block: var(--space-6xl); }