:root { --secondary: #7d7c7a; --light: #d6d2d2; --dark: #2e2929; --muted: #a2a8b3; --border: #919090; --info: #159eb3; --success: #29a345; --warning: #f26c0c; --danger: #db3545; --white: #fff; --black: #000; --transparent: hsl(0 0% 100% / 0); --primary: var(--body-link); --primary-l-1: #808080; --primary-d-1: #000000; --notification: #006ae3; --notification-text: #fff; --head: #e3e3e1; --head-text: #000; --head-link: #006ae3; --head-hover: #000; --head-active: #000; --body: #fff; --body-zebra: hsl(0, 0%, 96%); --title: #000; --body-text: #242424; --body-link: #006ae3; --body-hover: #000; --footer: #e3e3e1; --footer-text: #000; --footer-link: #006ae3; --footer-hover: #000; --footer-active: #000; --shadow: hsla(0, 0%, 0%, 0.3); --shadow-t-1: hsla(0, 0%, 67%, 0.15); --shadow-t-2: hsla(0, 0%, 33%, 0.2); --text-2xs: clamp(0.82rem, calc(0.82rem + 0.00045 * (100vw - 36rem)), 0.84rem); --text-xs: clamp(1.02rem, calc(1.02rem + 0.00250 * (100vw - 36rem)), 1.13rem); --text-s: clamp(1.28rem, calc(1.28rem + 0.00500 * (100vw - 36rem)), 1.50rem); --text-m: clamp(1.60rem, calc(1.60rem + 0.00909 * (100vw - 36rem)), 2.00rem); --text-l: clamp(2.00rem, calc(2.00rem + 0.01523 * (100vw - 36rem)), 2.67rem); --text-xl: clamp(2.50rem, calc(2.50rem + 0.02386 * (100vw - 36rem)), 3.55rem); --text-2xl: clamp(3.13rem, calc(3.13rem + 0.03659 * (100vw - 36rem)), 4.74rem); --h6: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --h5: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --h4: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --h3: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --h2: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --h1: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --space-xs: 4px; --space-s: 8px; --space-m: 16px; --space-l: 24px; --space-xl: 36px; --space-2xl: 48px;}.bg-secondary { background-color: var(--secondary); }.text-secondary { color: var(--secondary); }.border-secondary { border-color: var(--secondary); }.outline-secondary { outline-color: var(--secondary); }.fill-secondary { fill: var(--secondary); }.stroke-secondary { stroke: var(--secondary); }.bg-light { background-color: var(--light); }.text-light { color: var(--light); }.border-light { border-color: var(--light); }.outline-light { outline-color: var(--light); }.fill-light { fill: var(--light); }.stroke-light { stroke: var(--light); }.bg-dark { background-color: var(--dark); }.text-dark { color: var(--dark); }.border-dark { border-color: var(--dark); }.outline-dark { outline-color: var(--dark); }.bg-muted { background-color: var(--muted); }.text-muted { color: var(--muted); }.border-muted { border-color: var(--muted); }.outline-muted { outline-color: var(--muted); }.border-border { border-color: var(--border); }.outline-border { outline-color: var(--border); }.bg-info { background-color: var(--info); }.text-info { color: var(--info); }.border-info { border-color: var(--info); }.outline-info { outline-color: var(--info); }.bg-success { background-color: var(--success); }.text-success { color: var(--success); }.border-success { border-color: var(--success); }.outline-success { outline-color: var(--success); }.bg-warning { background-color: var(--warning); }.text-warning { color: var(--warning); }.border-warning { border-color: var(--warning); }.outline-warning { outline-color: var(--warning); }.bg-danger { background-color: var(--danger); }.text-danger { color: var(--danger); }.border-danger { border-color: var(--danger); }.outline-danger { outline-color: var(--danger); }.bg-white { background-color: var(--white); }.border-white { border-color: var(--white); }.text-white { color: var(--white); }.outline-white { outline-color: var(--white); }.fill-white { fill: var(--white); }.stroke-white { stroke: var(--white); }.bg-black { background-color: var(--black); }.text-black { color: var(--black); }.border-black { border-color: var(--black); }.outline-black { outline-color: var(--black); }.fill-black { fill: var(--black); }.stroke-black { stroke: var(--black); }.bg-primary { background-color: var(--primary); }.bg-primary-l-1 { background-color: var(--primary-l-1); }.bg-primary-d-1 { background-color: var(--primary-d-1); }.text-primary { color: var(--primary); }.text-primary-l-1 { color: var(--primary-l-1); }.text-primary-d-1 { color: var(--primary-d-1); }.border-primary { border-color: var(--primary); }.border-primary-l-1 { border-color: var(--primary-l-1); }.border-primary-d-1 { border-color: var(--primary-d-1); }.outline-primary { outline-color: var(--primary); }.outline-primary-l-1 { outline-color: var(--primary-l-1); }.outline-primary-d-1 { outline-color: var(--primary-d-1); }.fill-primary { fill: var(--primary); }.fill-primary-l-1 { fill: var(--primary-l-1); }.fill-primary-d-1 { fill: var(--primary-d-1); }.stroke-primary { stroke: var(--primary); }.stroke-primary-l-1 { stroke: var(--primary-l-1); }.stroke-primary-d-1 { stroke: var(--primary-d-1); }.bg-notification { background-color: var(--notification); }.text-notification-text { color: var(--notification-text); }.bg-head { background-color: var(--head); }.text-head-text { color: var(--head-text); }.bg-body { background-color: var(--body); }.bg-body-zebra { background-color: var(--body-zebra); }.text-title { color: var(--title); }.text-body-text { color: var(--body-text); }.bg-footer { background-color: var(--footer); }.text-footer-text { color: var(--footer-text); }.text-2xs { font-size: var(--text-2xs); }.text-xs { font-size: var(--text-xs); }.text-s { font-size: var(--text-s); }.text-m { font-size: var(--text-m); }.text-l { font-size: var(--text-l); }.text-xl { font-size: var(--text-xl); }.text-2xl { font-size: var(--text-2xl); }