:root { --primary: #c86b4a; --secondary: #b5c2a3; --base-light: #F5E6E0; --base-dark: #151810; --primary-l-1: #da9c86; --primary-l-2: #edcec3; --primary-d-1: #a0563b; --primary-d-2: #78402c; --primary-d-3: #502b1e; --primary-d-4: #28150f; --secondary-l-1: #ced6c2; --secondary-l-2: #e6ebe0; --secondary-d-1: #79816d; --secondary-d-2: #3c4136; --transparent: hsla(0, 0%, 0%, 0); --text-xs: clamp(1.26rem, calc(-0.0012037037037037049 * (100vw - 36rem) + 1.26rem), 1.13rem); --text-s: clamp(1.42rem, calc(0.0007407407407407414 * (100vw - 36rem) + 1.42rem), 1.5rem); --text-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --text-l: clamp(1.8rem, calc(0.008055555555555554 * (100vw - 36rem) + 1.8rem), 2.67rem); --text-xl: clamp(2.02rem, calc(0.014166666666666664 * (100vw - 36rem) + 2.02rem), 3.55rem); --space-2xs: clamp(0.59rem, calc(0.0011111111111111111 * (100vw - 36rem) + 0.59rem), 0.71rem); --space-xs: clamp(0.89rem, calc(0.0016666666666666672 * (100vw - 36rem) + 0.89rem), 1.07rem); --space-s: clamp(1.33rem, calc(0.0025 * (100vw - 36rem) + 1.33rem), 1.6rem); --space-m: clamp(2rem, calc(0.003703703703703703 * (100vw - 36rem) + 2rem), 2.4rem); --space-l: clamp(3rem, calc(0.005555555555555557 * (100vw - 36rem) + 3rem), 3.6rem); --space-xl: clamp(4.5rem, calc(0.008333333333333337 * (100vw - 36rem) + 4.5rem), 5.4rem); --space-2xl: clamp(6.75rem, calc(0.012499999999999997 * (100vw - 36rem) + 6.75rem), 8.1rem);}.bg-primary { background-color: var(--primary); }.bg-primary-l-1 { background-color: var(--primary-l-1); }.bg-primary-l-2 { background-color: var(--primary-l-2); }.bg-primary-d-1 { background-color: var(--primary-d-1); }.bg-primary-d-2 { background-color: var(--primary-d-2); }.bg-primary-d-3 { background-color: var(--primary-d-3); }.bg-primary-d-4 { background-color: var(--primary-d-4); }.text-primary { color: var(--primary); }.text-primary-l-1 { color: var(--primary-l-1); }.text-primary-l-2 { color: var(--primary-l-2); }.text-primary-d-1 { color: var(--primary-d-1); }.text-primary-d-2 { color: var(--primary-d-2); }.text-primary-d-3 { color: var(--primary-d-3); }.text-primary-d-4 { color: var(--primary-d-4); }.border-primary { border-color: var(--primary); }.border-primary-l-1 { border-color: var(--primary-l-1); }.border-primary-l-2 { border-color: var(--primary-l-2); }.border-primary-d-1 { border-color: var(--primary-d-1); }.border-primary-d-2 { border-color: var(--primary-d-2); }.border-primary-d-3 { border-color: var(--primary-d-3); }.border-primary-d-4 { border-color: var(--primary-d-4); }.outline-primary { outline-color: var(--primary); }.outline-primary-l-1 { outline-color: var(--primary-l-1); }.outline-primary-l-2 { outline-color: var(--primary-l-2); }.outline-primary-d-1 { outline-color: var(--primary-d-1); }.outline-primary-d-2 { outline-color: var(--primary-d-2); }.outline-primary-d-3 { outline-color: var(--primary-d-3); }.outline-primary-d-4 { outline-color: var(--primary-d-4); }.fill-primary { fill: var(--primary); }.fill-primary-l-1 { fill: var(--primary-l-1); }.fill-primary-l-2 { fill: var(--primary-l-2); }.fill-primary-d-1 { fill: var(--primary-d-1); }.fill-primary-d-2 { fill: var(--primary-d-2); }.fill-primary-d-3 { fill: var(--primary-d-3); }.fill-primary-d-4 { fill: var(--primary-d-4); }.stroke-primary { stroke: var(--primary); }.stroke-primary-l-1 { stroke: var(--primary-l-1); }.stroke-primary-l-2 { stroke: var(--primary-l-2); }.stroke-primary-d-1 { stroke: var(--primary-d-1); }.stroke-primary-d-2 { stroke: var(--primary-d-2); }.stroke-primary-d-3 { stroke: var(--primary-d-3); }.stroke-primary-d-4 { stroke: var(--primary-d-4); }.bg-secondary { background-color: var(--secondary); }.bg-secondary-l-1 { background-color: var(--secondary-l-1); }.bg-secondary-l-2 { background-color: var(--secondary-l-2); }.bg-secondary-d-1 { background-color: var(--secondary-d-1); }.bg-secondary-d-2 { background-color: var(--secondary-d-2); }.text-secondary { color: var(--secondary); }.text-secondary-l-1 { color: var(--secondary-l-1); }.text-secondary-l-2 { color: var(--secondary-l-2); }.text-secondary-d-1 { color: var(--secondary-d-1); }.text-secondary-d-2 { color: var(--secondary-d-2); }.border-secondary { border-color: var(--secondary); }.border-secondary-l-1 { border-color: var(--secondary-l-1); }.border-secondary-l-2 { border-color: var(--secondary-l-2); }.border-secondary-d-1 { border-color: var(--secondary-d-1); }.border-secondary-d-2 { border-color: var(--secondary-d-2); }.outline-secondary { outline-color: var(--secondary); }.outline-secondary-l-1 { outline-color: var(--secondary-l-1); }.outline-secondary-l-2 { outline-color: var(--secondary-l-2); }.outline-secondary-d-1 { outline-color: var(--secondary-d-1); }.outline-secondary-d-2 { outline-color: var(--secondary-d-2); }.fill-secondary { fill: var(--secondary); }.fill-secondary-l-1 { fill: var(--secondary-l-1); }.fill-secondary-l-2 { fill: var(--secondary-l-2); }.fill-secondary-d-1 { fill: var(--secondary-d-1); }.fill-secondary-d-2 { fill: var(--secondary-d-2); }.stroke-secondary { stroke: var(--secondary); }.stroke-secondary-l-1 { stroke: var(--secondary-l-1); }.stroke-secondary-l-2 { stroke: var(--secondary-l-2); }.stroke-secondary-d-1 { stroke: var(--secondary-d-1); }.stroke-secondary-d-2 { stroke: var(--secondary-d-2); }.bg-base-light { background-color: var(--base-light); }.fill-base-light { fill: var(--base-light); }.text-base-light { color: var(--base-light); }.border-base-light { border-color: var(--base-light); }.outline-base-light { outline-color: var(--base-light); }.stroke-base-light { stroke: var(--base-light); }.bg-base-dark { background-color: var(--base-dark); }.border-base-dark { border-color: var(--base-dark); }.outline-base-dark { outline-color: var(--base-dark); }.fill-base-dark { fill: var(--base-dark); }.stroke-base-dark { stroke: var(--base-dark); }.text-base-dark { color: var(--base-dark); }.text-transparent { color: var(--transparent); }.fill-transparent { fill: var(--transparent); }.bg-transparent { background-color: var(--transparent); }.border-transparent { border-color: var(--transparent); }.outline-transparent { outline-color: var(--transparent); }.stroke-transparent { stroke: var(--transparent); }