:root { --bricks-color-grey-100: #f5f5f5; --bricks-color-grey-300: #e0e0e0; --bricks-color-grey-500: #9e9e9e; --bricks-color-grey-700: #616161; --bricks-color-grey-800: #424242; --bricks-color-grey-900: #212121; --bricks-color-yellow: #ffeb3b; --bricks-color-amber: #ffc107; --bricks-color-orange: #ff9800; --bricks-color-deep-orange: #ff5722; --bricks-color-red: #f44336; --bricks-color-purple: #9c27b0; --bricks-color-blue: #2196f3; --bricks-color-light-blue: #03a9f4; --bricks-color-sky-blue: #81D4FA; --bricks-color-green: #4caf50; --bricks-color-light-green: #8bc34a; --bricks-color-lime: #cddc39; --red: #CE2027; --red-hover: #B01B21; --red-light: #FF8A8E; --red-tint: rgba(206,32,39,.07); --red-shadow: rgba(206,32,39,.5); --ink: #0E1513; --body: #535F5C; --body-soft: #5A6864; --muted: #4E5A57; --faint: #5F6A67; --faint-2: #5F6A67; --line-text: #C3CAC7; --canvas: #FBFAF8; --white: #FFFFFF; --white-2: #F4F3F0; --green: #59D194; --blue: #7FB9F5; --on-dark: #E7ECEA; --on-dark-body: #D6DCDA; --on-dark-muted: #8B9894; --on-dark-faint: #6E7C78; --transparent: transparent; --border-hair: rgba(14,21,19,.07); --border-soft: rgba(14,21,19,.10); --border-hover: rgba(14, 21, 19, 0.26); --border-faint: rgba(14,21,19,.06); --border-on-dark: rgba(255,255,255,.09); --header-bg: rgba(251, 250, 248, 0.5); --mobile-menu-bg: rgba(251, 250, 248, 0.92); --soft-red-bg: rgba(206, 32, 39, 0.07); --btn-on-dark: rgba(255, 255, 255, 0.07); --bg-on-dark: rgba(255, 255, 255, 0.05); --space-2xs: clamp(2rem, calc(0.004629629629629629 * (100vw - 36rem) + 2rem), 2.5rem); --space-xs: clamp(1.6rem, calc(0.022222222222222223 * (100vw - 36rem) + 1.6rem), 4rem); --space-s: clamp(2.8rem, calc(0.02962962962962963 * (100vw - 36rem) + 2.8rem), 6rem); --space-m: clamp(3.4rem, calc(0.027777777777777783 * (100vw - 36rem) + 3.4rem), 6.4rem); --space-l: clamp(3.2rem, calc(0.037037037037037035 * (100vw - 36rem) + 3.2rem), 7.2rem); --space-xl: clamp(4.8rem, calc(0.02962962962962963 * (100vw - 36rem) + 4.8rem), 8rem); --space-2xl: clamp(8rem, calc(0.05555555555555555 * (100vw - 36rem) + 8rem), 14rem); --heading-1: clamp(4.4rem, calc(0.04444444444444443 * (100vw - 36rem) + 4.4rem), 9.2rem); --heading-2: clamp(3.2rem, calc(0.02407407407407407 * (100vw - 36rem) + 3.2rem), 5.8rem); --heading-3: clamp(2.4rem, calc(0.009259259259259259 * (100vw - 36rem) + 2.4rem), 3.4rem); --heading-4: clamp(1.7rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.7rem), 2.1rem); --heading-5: clamp(1.6rem, calc(0.002777777777777776 * (100vw - 36rem) + 1.6rem), 1.9rem); --heading-6: clamp(1.6rem, calc(0 * (100vw - 36rem) + 1.6rem), 1.6rem); --heading-sm: clamp(1.45rem, calc(0 * (100vw - 36rem) + 1.45rem), 1.45rem); --heading-meta: clamp(1.3rem, calc(0 * (100vw - 36rem) + 1.3rem), 1.3rem); --heading-mono: clamp(1.1rem, calc(0 * (100vw - 36rem) + 1.1rem), 1.1rem); --heading-tiny: clamp(1rem, calc(0 * (100vw - 36rem) + 1rem), 1rem);}