: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; --espresso: #2c1a0e; --teal: #398070; --gold: #e8c97a; --warm-cream: #faf7f2; --headings: #1e120a; --body: #5a3e2b; --links: #2e6b5e; --cat: #1D9E75; --label-warning-red: hsl(0, 100%, 92%); --label-warning-red-text: hsl(0, 24%, 43%); --label-typeuser-green-background: hsl(124, 100%, 92%); --action: #1D9E75; --cta---hover: #26594e; --white-cards: #ffffff; --label-basic: hsl(122, 61%, 47%); --label-intermediate: hsl(48, 75%, 52%); --label-advanced: hsl(0, 46%, 56%); --lwtim-bg: #083161; --lwtim-bg-2: #3a62c9; --lwtim-text: #f0f6ff; --lwtim-accent: #cff4ff; --lwtim-gold-bar: #e6a605; --lwtim-live-bg: #2273e3; --lwtim-live-dot-c: #E24B4A; --lwtim-zoom-live-bg: #E24B4A; --lwtim-zoom-soon-bg: #e8a020; --lwtim-submit-bg: #b0d6ff; --section-month-theme: #6e4141; --section-challenge: #c0294f; --section-grouplessons: #3a78c9; --section-songs: #d4a017; --section-dashboard: #2db8a5; --section-library: #8b5e3c; --section-greenroom: #3a9e5f; --section-crashcourse: #e06030; --section-dashboard-d-1: #26998a; --section-dashboard-d-2: #1e7b6e; --section-dashboard-d-3: #175c53; --section-dashboard-d-4: #0f3d37; --section-dashboard-d-5: #081f1c; --section-crashcourse-d-1: #b34d26; --section-crashcourse-d-2: #863a1d; --section-crashcourse-d-3: #5a2613; --section-crashcourse-d-4: #2d130a; --section-songs-d-1: #aa8012; --section-songs-d-2: #7f600e; --section-songs-d-3: #554009; --section-songs-d-4: #2a2005; --section-library-d-1: #6f4b30; --section-library-d-2: #533824; --section-library-d-3: #382618; --section-library-d-4: #1c130c; --section-practice: hsl(259, 100%, 65%); --section-grouplessons-d-1: #2c5a97; --section-grouplessons-d-2: #1d3c65; --section-grouplessons-d-3: #0f1e32; --section-challenge-l-1: #cd5472; --section-challenge-l-2: #d97f95; --section-challenge-l-3: #e6a9b9; --section-challenge-l-4: #f2d4dc; --section-challenge-d-1: #9a213f; --section-challenge-d-2: #73192f; --section-challenge-d-3: #4d1020; --section-challenge-d-4: #260810; --section-grouplessons-l-1: #6193d4; --section-grouplessons-l-2: #89aedf; --section-grouplessons-l-3: #b0c9e9; --section-grouplessons-l-4: #d8e4f4; --section-practice-l-1: hsl(259, 100%, 72%); --section-practice-l-2: hsl(259, 100%, 79%); --section-practice-l-3: hsl(259, 100%, 86%); --section-practice-l-4: hsl(259, 100%, 93%); --section-practice-d-1: hsl(259, 58%, 52%); --section-practice-d-2: hsl(259, 54%, 39%); --section-practice-d-3: hsl(259, 54%, 26%); --section-practice-d-4: hsl(259, 54%, 13%); --section-greenroom-l-1: #61b17f; --section-greenroom-l-2: #89c59f; --section-greenroom-l-3: #b0d8bf; --section-greenroom-l-4: #d8ecdf; --section-greenroom-d-1: #2e7e4c; --section-greenroom-d-2: #235f39; --section-greenroom-d-3: #173f26; --section-greenroom-d-4: #0c2013; --section-dashboard-l-1: #50c4b4; --section-dashboard-l-2: #73d0c3; --section-dashboard-l-3: #96dcd2; --section-dashboard-l-4: #b9e7e1; --section-dashboard-l-5: #dcf3f0; --section-songs-l-1: #ddb345; --section-songs-l-2: #e5c674; --section-songs-l-3: #eed9a2; --section-songs-l-4: #f6ecd1; --section-crashcourse-l-1: #e68059; --section-crashcourse-l-2: #eca083; --section-crashcourse-l-3: #f3bfac; --section-crashcourse-l-4: #f9dfd6; --espresso-l-1: #3f2f24; --espresso-l-2: #52443a; --espresso-l-3: #665850; --espresso-l-4: #796d66; --espresso-l-5: #8c827c; --espresso-l-6: #9f9791; --espresso-l-7: #b2aca7; --espresso-l-8: #c5c1bd; --espresso-l-9: #d9d5d3; --espresso-l-10: #eceae9; --teal-l-1: #61998d; --teal-l-2: #88b3a9; --teal-l-3: #b0ccc6; --teal-l-4: #d7e6e2; --teal-d-1: #2e665a; --teal-d-2: #224d43; --teal-d-3: #17332d; --teal-d-4: #0b1a16; --space-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --space-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --space-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --space-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --space-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --text-2xs: clamp(12px, 1vw + 11px, 14px); --text-xs: clamp(14px, 1vw + 13px, 15px); --text-s: clamp(15px, 1vw + 12px, 18px); --text-m: clamp(16px, 1.5vw + 14px, 18px); --text-l: clamp(22px, 2vw + 16px, 28px); --text-xl: clamp(28px, 2.5vw + 20px, 36px); --text-2xl: clamp(36px, 3vw + 26px, 48px);}