: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; --color-brand-primary: #ff0048; --color-brand-primary-hover: #cc003a; --color-surface-blue: hsl(201,100%,95%); --color-surface-pink: hsl(344,100%,95%); --color-text-primary: #161616; --color-text-secondary: #525250; --color-text-muted: #9c9b99; --color-text-inverse-primary: #ffffff; --color-text-inverse-secondary: rgba(255,255,255,.75); --color-text-inverse-muted: rgba(255,255,255,.4); --color-background-primary: #ffffff; --color-background-secondary: #f7f7f6; --color-background-muted: #f0f0ee; --color-border-primary: #e8e8e6; --color-border-secondary: rgba(0,0,0,.14); --color-feedback-success: #18ad4c; --color-feedback-error: #d32f2f; --color-surface-overlay-dark: rgba(255,255,255,.03); --color-divider-dark: rgba(255,255,255,.05); --color-input-background-dark: rgba(255,255,255,.06); --color-input-border-dark: rgba(255,255,255,.15); --color-input-focus-dark: rgba(255,255,255,.2); --color-shadow-card: rgba(0,0,0,.08); --font-size-xs: clamp(1.2rem, calc(0 * (100vw - 36rem) + 1.2rem), 1.2rem); --font-size-sm: clamp(1.4rem, calc(0 * (100vw - 36rem) + 1.4rem), 1.4rem); --font-size-md: clamp(1.8rem, calc(0 * (100vw - 36rem) + 1.8rem), 1.8rem); --font-size-lg: clamp(2.2rem, calc(0 * (100vw - 36rem) + 2.2rem), 2.2rem); --font-size-xl: clamp(2.4rem, calc(0 * (100vw - 36rem) + 2.4rem), 2.4rem); --font-size-2xl: clamp(3.2rem, calc(0 * (100vw - 36rem) + 3.2rem), 3.2rem); --font-size-3xl: clamp(4.3rem, calc(0 * (100vw - 36rem) + 4.3rem), 4.3rem); --font-size-4xl: clamp(5.7rem, calc(0 * (100vw - 36rem) + 5.7rem), 5.7rem); --font-size-5xl: clamp(7.6rem, calc(0 * (100vw - 36rem) + 7.6rem), 7.6rem); --space-2xs: clamp(0.4rem, calc(0 * (100vw - 36rem) + 0.4rem), 0.4rem); --space-xs: clamp(0.8rem, calc(0 * (100vw - 36rem) + 0.8rem), 0.8rem); --space-sm: clamp(1.6rem, calc(0 * (100vw - 36rem) + 1.6rem), 1.6rem); --space-md: clamp(2.4rem, calc(0 * (100vw - 36rem) + 2.4rem), 2.4rem); --space-lg: clamp(3.2rem, calc(0 * (100vw - 36rem) + 3.2rem), 3.2rem); --space-xl: clamp(4rem, calc(0 * (100vw - 36rem) + 4rem), 4rem); --space-2xl: clamp(4.8rem, calc(0 * (100vw - 36rem) + 4.8rem), 4.8rem); --space-3xl: clamp(6.4rem, calc(0 * (100vw - 36rem) + 6.4rem), 6.4rem);}.text-xs { font-size: var(--font-size-xs); }.text-sm { font-size: var(--font-size-sm); }.text-md { font-size: var(--font-size-md); }.text-lg { font-size: var(--font-size-lg); }