: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; --brand-coral: #F46072; --brand-pink: #F664EE; --brand-blue: #3352EB; --brand-sky: #48ABEE; --brand-olive: #231D09; --brand-yellow: #EDD769; --brand-soft-pink: #F4B0F4; --brand-gold: #F7B608; --brand-white: #FFFFFF; --brand-surface: #F7F8FC; --brand-ink-soft: #5F5F66; --rgba(72, 171, 238, 0.14: #E7F4FD; --rgba(246, 100, 238, 0.14: #FEEBFD; --rgba(237, 215, 105, 0.22: #FBF7DB; --linear-gradient(135deg, --brand-coral, --brand-pink, --brand-blue: linear-gradient(135deg, #F46072, #F664EE, #3352EB); --space-2xs: clamp(0.6rem, 0.55rem + 0.16vw, 0.8rem); --space-xs: clamp(0.9rem, 0.82rem + 0.22vw, 1.2rem); --space-sm: clamp(1.2rem, 1.08rem + 0.32vw, 1.6rem); --space-md: clamp(1.6rem, 1.44rem + 0.45vw, 2.2rem); --space-lg: clamp(2.4rem, 2.08rem + 0.85vw, 3.4rem); --space-xl: clamp(3.2rem, 2.62rem + 1.55vw, 5.2rem); --space-2xl: clamp(4.8rem, 3.72rem + 2.85vw, 8.4rem); --space-3xl: clamp(6.4rem, 4.72rem + 4.4vw, 12rem); --section-space: clamp(7.2rem, 5.8rem + 4vw, 13.6rem); --section-space-sm: clamp(4.8rem, 3.8rem + 2.8vw, 8.8rem); --gutter: clamp(1.8rem, 1.28rem + 1.2vw, 3.2rem); --text-xs: clamp(1.2rem, 1.14rem + 0.16vw, 1.35rem); --text-sm: clamp(1.35rem, 1.28rem + 0.18vw, 1.5rem); --text-base: clamp(1.5rem, 1.42rem + 0.22vw, 1.7rem); --text-md: clamp(1.7rem, 1.56rem + 0.35vw, 2rem); --text-lg: clamp(2.2rem, 1.9rem + 0.9vw, 3rem); --text-xl: clamp(3rem, 2.3rem + 2vw, 4.6rem); --text-2xl: clamp(4rem, 2.85rem + 3.5vw, 6.2rem); --text-3xl: clamp(5rem, 3.35rem + 5.2vw, 7.6rem); --line-tight: 0.98; --line-heading: 1.08; --line-title: 1.14; --line-body: 1.52; --line-small: 1.42; --tracking-tight: 0.005em; --tracking-kicker: 0.12em;}