:root { --kmb-color-black: #000000; --kmb-color-white: #ffffff; --kmb-color-vibrant-pink: #ff42b5; --kmb-color-sparkling-flamingo: #ff6e71; --kmb-color-rising-spark: #ffa954; --kmb-color-rubin-red: #b50056; --kmb-color-burgundy: #77002d; --kmb-color-signal-red: #ff3949; --kmb-color-soft-pink: #ffa9bf; --kmb-color-warm-sand: #d4ccbf; --kmb-color-cream: #eae2d8; --kmb-type-font-family-base: "Fira Sans", sans-serif; --kmb-type-font-weight-light: 300; --kmb-type-font-weight-regular: 400; --kmb-type-font-weight-bold: 700; --kmb-type-font-weight-ultra: 900; --kmb-space-2xs: 8px; --kmb-space-xs: 12px; --kmb-space-sm: 16px; --kmb-space-md: clamp(18px, 2vw, 24px); --kmb-space-lg: clamp(24px, 3vw, 32px); --kmb-space-xl: clamp(32px, 5vw, 48px); --kmb-space-2xl: clamp(44px, 7vw, 64px); --kmb-space-3xl: clamp(56px, 9vw, 96px); --kmb-space-4xl: clamp(72px, 12vw, 128px); --kmb-radius-sm: 8px; --kmb-radius-md: 16px; --kmb-radius-lg: 24px; --kmb-radius-xl: 32px; --kmb-radius-2xl: 40px; --kmb-radius-pill: 999px; --kmb-shadow-soft: 0 10px 28px rgba(0,0,0,.08); --kmb-shadow-card: 0 16px 42px rgba(0,0,0,.10); --kmb-shadow-float: 0 24px 56px rgba(0,0,0,.12); --text-xs: clamp(0.875rem, 0.84rem + 0.15vw, 1rem); --text-s: clamp(1rem, 0.95rem + 0.25vw, 1.125rem); --text-m: clamp(1.125rem, 1.15rem + 0.35vw, 1.375rem); --text-l: clamp(1.375rem, 1.2rem + 0.8vw, 1.975rem); --text-xl: clamp(1.55rem, 1.35rem + 1.8vw, 2.75rem); --text-2xl: clamp(2.25rem, 1.6rem + 3vw, 4rem); --text-3xl: clamp(3rem, 2rem + 5vw, 6rem);}