: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; --varPrimary: #0057ff; --varPrimary-l-1: #2a73ff; --varPrimary-l-2: #558fff; --varPrimary-l-3: #80abff; --varPrimary-l-4: #aac7ff; --varPrimary-l-5: #d5e3ff; --varPrimary-d-1: #0049d5; --varPrimary-d-2: #003aaa; --varPrimary-d-3: #002c80; --varPrimary-d-4: #001d55; --varPrimary-d-5: #000f2b; --varPrimary-t-1: hsla(220, 100%, 50%, 0.17); --varPrimary-t-2: hsla(220, 100%, 50%, 0.33); --varPrimary-t-3: hsla(220, 100%, 50%, 0.5); --varPrimary-t-4: hsla(220, 100%, 50%, 0.67); --varPrimary-t-5: hsla(220, 100%, 50%, 0.83); --secondary: #121212; --secondary-d-1: #0e0e0e; --secondary-d-2: #090909; --secondary-d-3: #050505; --secondary-l-1: #4d4d4d; --secondary-l-2: #898989; --secondary-l-3: #c4c4c4; --tersial: #C13600; --tersial-l-1: #cb572a; --tersial-l-2: #d67955; --tersial-l-3: #e09b80; --tersial-l-4: #eabcaa; --tersial-l-5: #f5ded5; --tersial-d-1: #a12d00; --tersial-d-2: #812400; --tersial-d-3: #611b00; --tersial-d-4: #401200; --tersial-d-5: #200900; --neutral: #F8F9FA; --neutral-d-1: #e1e2e3; --neutral-d-2: #cbcccd; --neutral-d-3: #b4b5b6; --neutral-d-4: #9e9e9f; --neutral-d-5: #878888; --neutral-d-6: #717172; --neutral-d-7: #5a5b5b; --neutral-d-8: #444444; --neutral-d-9: #2d2d2d; --neutral-d-10: #171717;}