: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-text: #4C3A36; --color-accent: #5E554F; --color-bg: #FFFFFF; --color-bg-light: #FCF5EB; --color-bg-beige: #EFE4D3; --color-footer: #4C3A36; --text-2xs: clamp(0.64rem, calc(0.62rem + 0.10vw), 0.70rem);; --text-xs: clamp(0.80rem, calc(0.75rem + 0.21vw), 0.94rem); ; --text-s: clamp(1.00rem, calc(0.91rem + 0.38vw), 1.25rem);; --text-m: clamp(1.25rem, calc(1.10rem + 0.63vw), 1.67rem);; --text-l: clamp(1.56rem, calc(1.33rem + 0.99vw), 2.22rem);; --text-xl: clamp(1.95rem, calc(1.60rem + 1.51vw), 2.96rem);; --text-2xl: clamp(2.44rem, calc(1.91rem + 2.26vw), 3.95rem);; --text-xm: clamp(1.125rem, calc(1.04rem + 0.38vw), 1.375rem); --space-2xs: clamp(0.64rem, calc(0.62rem + 0.10vw), 0.70rem);; --space-xs: clamp(0.75rem, calc(0.73rem + 0.09vw), 0.81rem); --space-s: clamp(0.80rem, calc(0.75rem + 0.21vw), 0.94rem);; --space-m: clamp(1.00rem, calc(0.91rem + 0.38vw), 1.25rem);; --space-l: clamp(1.25rem, calc(1.10rem + 0.63vw), 1.67rem);; --space-xl: clamp(1.56rem, calc(1.33rem + 0.99vw), 2.22rem);; --space-2xl: clamp(1.95rem, calc(1.60rem + 1.51vw), 2.96rem);;}.--text-s-2xs { 14px: var(--text-2xs); }.--text-s-xs { 14px: var(--text-xs); }.--text-s-s { 14px: var(--text-s); }.--text-s-m { 14px: var(--text-m); }.--text-s-l { 14px: var(--text-l); }.--text-s-xl { 14px: var(--text-xl); }.--text-s-2xl { 14px: var(--text-2xl); }.--text-s-xm { 14px: var(--text-xm); }.--text-m-2xs { 16px: var(--text-2xs); }.--text-m-xs { 16px: var(--text-xs); }.--text-m-s { 16px: var(--text-s); }.--text-m-m { 16px: var(--text-m); }.--text-m-l { 16px: var(--text-l); }.--text-m-xl { 16px: var(--text-xl); }.--text-m-2xl { 16px: var(--text-2xl); }.--text-m-xm { 16px: var(--text-xm); }.--text-l-2xs { 22px: var(--text-2xs); }.--text-l-xs { 22px: var(--text-xs); }.--text-l-s { 22px: var(--text-s); }.--text-l-m { 22px: var(--text-m); }.--text-l-l { 22px: var(--text-l); }.--text-l-xl { 22px: var(--text-xl); }.--text-l-2xl { 22px: var(--text-2xl); }.--text-l-xm { 22px: var(--text-xm); }.--text-xl-2xs { 28px: var(--text-2xs); }.--text-xl-xs { 28px: var(--text-xs); }.--text-xl-s { 28px: var(--text-s); }.--text-xl-m { 28px: var(--text-m); }.--text-xl-l { 28px: var(--text-l); }.--text-xl-xl { 28px: var(--text-xl); }.--text-xl-2xl { 28px: var(--text-2xl); }.--text-xl-xm { 28px: var(--text-xm); }.--text-2xl-2xs { 35p: var(--text-2xs); }.--text-2xl-xs { 35p: var(--text-xs); }.--text-2xl-s { 35p: var(--text-s); }.--text-2xl-m { 35p: var(--text-m); }.--text-2xl-l { 35p: var(--text-l); }.--text-2xl-xl { 35p: var(--text-xl); }.--text-2xl-2xl { 35p: var(--text-2xl); }.--text-2xl-xm { 35p: var(--text-xm); }