: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; --primario: #F0A030; --secondario: #C9A96E; --avorio: #E8E0D0; --dark: #1A1A1A; --white: #fff; --secondario-l-1: #d7bf92; --secondario-l-2: #e4d4b7; --secondario-l-3: #f2eadb; --secondario-d-1: #977f53; --secondario-d-2: #655537; --secondario-d-3: #322a1c; --bg-dark-1: #090C0F; --bg-dark-2: #0B1315; --bg-dark-3: #1B1A17; --body-text-color: #DADADA; --heading-size-H1: clamp(3.2rem, calc(0.022222222222222216 * (100vw - 36rem) + 3.2rem), 5.6rem); --heading-size-H2: clamp(2.6rem, calc(0.014814814814814815 * (100vw - 36rem) + 2.6rem), 4.2rem); --heading-size-H3: clamp(2.2rem, calc(0.009259259259259259 * (100vw - 36rem) + 2.2rem), 3.2rem); --heading-size-H4: clamp(1.8rem, calc(0.005555555555555554 * (100vw - 36rem) + 1.8rem), 2.4rem); --heading-size-H5: clamp(1.4rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.4rem), 1.7rem); --heading-size-H6: clamp(1.3rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.3rem), 1.6rem); --heading-size-special-xxl: clamp(3.8rem, calc(0.05740740740740741 * (100vw - 36rem) + 3.8rem), 10rem); --text-size-B1: clamp(1.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 2rem); --text-size-B2: clamp(1.6rem, calc(0.0009259259259259247 * (100vw - 36rem) + 1.6rem), 1.7rem); --text-size-B3: clamp(1.5rem, calc(0.0009259259259259267 * (100vw - 36rem) + 1.5rem), 1.6rem); --text-size-B4: clamp(1.3rem, calc(0.0009259259259259247 * (100vw - 36rem) + 1.3rem), 1.4rem);}.bg-primario { background-color: var(--primario); }.text-primario { color: var(--primario); }.border-primario { border-color: var(--primario); }.fill-primario { fill: var(--primario); }.stroke-primario { stroke: var(--primario); }.bg-secondario { background-color: var(--secondario); }.bg-secondario-l-1 { background-color: var(--secondario-l-1); }.bg-secondario-l-2 { background-color: var(--secondario-l-2); }.bg-secondario-l-3 { background-color: var(--secondario-l-3); }.bg-secondario-d-1 { background-color: var(--secondario-d-1); }.bg-secondario-d-2 { background-color: var(--secondario-d-2); }.bg-secondario-d-3 { background-color: var(--secondario-d-3); }.text-secondario { color: var(--secondario); }.text-secondario-l-1 { color: var(--secondario-l-1); }.text-secondario-l-2 { color: var(--secondario-l-2); }.text-secondario-l-3 { color: var(--secondario-l-3); }.text-secondario-d-1 { color: var(--secondario-d-1); }.text-secondario-d-2 { color: var(--secondario-d-2); }.text-secondario-d-3 { color: var(--secondario-d-3); }.fill-secondario { fill: var(--secondario); }.fill-secondario-l-1 { fill: var(--secondario-l-1); }.fill-secondario-l-2 { fill: var(--secondario-l-2); }.fill-secondario-l-3 { fill: var(--secondario-l-3); }.fill-secondario-d-1 { fill: var(--secondario-d-1); }.fill-secondario-d-2 { fill: var(--secondario-d-2); }.fill-secondario-d-3 { fill: var(--secondario-d-3); }.stroke-secondario { stroke: var(--secondario); }.stroke-secondario-l-1 { stroke: var(--secondario-l-1); }.stroke-secondario-l-2 { stroke: var(--secondario-l-2); }.stroke-secondario-l-3 { stroke: var(--secondario-l-3); }.stroke-secondario-d-1 { stroke: var(--secondario-d-1); }.stroke-secondario-d-2 { stroke: var(--secondario-d-2); }.stroke-secondario-d-3 { stroke: var(--secondario-d-3); }.border-secondario { border-color: var(--secondario); }.border-secondario-l-1 { border-color: var(--secondario-l-1); }.border-secondario-l-2 { border-color: var(--secondario-l-2); }.border-secondario-l-3 { border-color: var(--secondario-l-3); }.border-secondario-d-1 { border-color: var(--secondario-d-1); }.border-secondario-d-2 { border-color: var(--secondario-d-2); }.border-secondario-d-3 { border-color: var(--secondario-d-3); }.bg-avorio { background-color: var(--avorio); }.text-avorio { color: var(--avorio); }.border-avorio { border-color: var(--avorio); }.fill-avorio { fill: var(--avorio); }.stroke-avorio { stroke: var(--avorio); }.bg-bg-dark-1 { background-color: var(--bg-dark-1); }.bg-bg-dark-2 { background-color: var(--bg-dark-2); }.bg-bg-dark-3 { background-color: var(--bg-dark-3); }.text-body-text-color { color: var(--body-text-color); }