: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-primary: #55433b; --color-light: #f4efe7; --color-accent: #00635c; --color-bkg: #f7e0cd; --color-black: hsl(0, 0%, 0%); --color-white: hsl(0, 0%, 100%); --color-secondary: #a97066; --color-white-t-1: hsla(0, 0%, 100%, 0.2); --color-white-t-2: hsla(0, 0%, 100%, 0.4); --color-white-t-3: hsla(0, 0%, 100%, 0.6); --color-white-t-4: hsla(0, 0%, 100%, 0.8); --color-muted:: #e0e0e0; --color-info: #17a2b8; --color-success: #28a745; --color-warning: #ffc107; --color-danger: #dc3545; --text-tiny: clamp(1.2rem, 0.8rem + 0.5vw, 1.4rem); --text-small: clamp(1.4rem, 1.0rem + 0.6vw, 1.6rem); --text-regular: clamp(1.6rem, 1.2rem + 1.2vw, 2.0rem); --text-medium: clamp(2.0rem, 1.4rem + 1.6vw, 2.666rem); --text-large: clamp(2.666rem, 1.6rem + 2.2vw, 3.55rem); --text-xlarge: clamp(3.55rem, 1.8rem + 3.0vw, 4.73rem); --text-xxlarge: clamp(4.73rem, 2.0rem + 4.0vw, 6.31rem);}.bg-color-primary { background-color: var(--color-primary); }.text-color-primary { color: var(--color-primary); }.bg-color-light { background-color: var(--color-light); }.text-color-light { color: var(--color-light); }.bg-color-accent { background-color: var(--color-accent); }.text-color-accent { color: var(--color-accent); }.bg-color-bkg { background-color: var(--color-bkg); }.text-color-bkg { color: var(--color-bkg); }.bg-color-black { background-color: var(--color-black); }.text-color-black { color: var(--color-black); }.bg-color-white { background-color: var(--color-white); }.bg-color-white-t-1 { background-color: var(--color-white-t-1); }.bg-color-white-t-2 { background-color: var(--color-white-t-2); }.bg-color-white-t-3 { background-color: var(--color-white-t-3); }.bg-color-white-t-4 { background-color: var(--color-white-t-4); }.bg-color-secondary { background-color: var(--color-secondary); }.text-color-secondary { color: var(--color-secondary); }