: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; --jimat: #1F8A5B; --jimat-l-1: #33956a; --jimat-l-2: #489f79; --jimat-l-3: #5caa88; --jimat-l-4: #70b597; --jimat-l-5: #85bfa6; --jimat-l-6: #99cab4; --jimat-l-7: #aed4c3; --jimat-l-8: #c2dfd2; --jimat-l-9: #d6eae1; --jimat-l-10: #ebf4f0; --pergi: #C7541A; --pergi-l-1: #cc642f; --pergi-l-2: #d17344; --pergi-l-3: #d68358; --pergi-l-4: #db926d; --pergi-l-5: #e0a282; --pergi-l-6: #e6b197; --pergi-l-7: #ebc1ac; --pergi-l-8: #f0d0c1; --pergi-l-9: #f5e0d5; --pergi-l-10: #faefea; --sihat: #C84161; --sihat-l-1: #cd526f; --sihat-l-2: #d2647e; --sihat-l-3: #d7758c; --sihat-l-4: #dc869a; --sihat-l-5: #e197a9; --sihat-l-6: #e6a9b7; --sihat-l-7: #ebbac6; --sihat-l-8: #f0cbd4; --sihat-l-9: #f5dce2; --sihat-l-10: #faeef1; --tahu: #2A6FDB; --tahu-l-1: #3d7cde; --tahu-l-2: #5189e2; --tahu-l-3: #6496e5; --tahu-l-4: #77a3e8; --tahu-l-5: #8bb0eb; --tahu-l-6: #9ebeef; --tahu-l-7: #b2cbf2; --tahu-l-8: #c5d8f5; --tahu-l-9: #d8e5f8; --tahu-l-10: #ecf2fc; --cerita: #6549CC; --cerita-l-1: #735ad1; --cerita-l-2: #816ad5; --cerita-l-3: #8f7bda; --cerita-l-4: #9d8bdf; --cerita-l-5: #ab9ce3; --cerita-l-6: #b9ace8; --cerita-l-7: #c7bdec; --cerita-l-8: #d5cdf1; --cerita-l-9: #e3def6; --cerita-l-10: #f1eefa; --ink: #111111; --ink-soft: #2a2a28; --ink-mid: #4f4d49; --ink-mute: #7a7873; --ink-faint: #b6b3ac; --paper: #ffffff; --paper-2: #fafaf9; --paper-3: #f5f5f4; --line: #ececea; --line-2: #d8d6d1; --text-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --text-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --text-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --text-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --text-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --text-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --text-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --space-2xs: clamp(0.93rem, calc(0.000978260869565217 * (100vw - 36rem) + 0.93rem), 1.02rem); --space-xs: clamp(1.11rem, calc(0.0018478260869565209 * (100vw - 36rem) + 1.11rem), 1.28rem); --space-s: clamp(1.33rem, calc(0.0029347826086956524 * (100vw - 36rem) + 1.33rem), 1.6rem); --space-m: clamp(1.6rem, calc(0.004347826086956521 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(1.92rem, calc(0.006304347826086958 * (100vw - 36rem) + 1.92rem), 2.5rem); --space-xl: clamp(2.3rem, calc(0.009021739130434784 * (100vw - 36rem) + 2.3rem), 3.13rem); --space-2xl: clamp(2.76rem, calc(0.012500000000000004 * (100vw - 36rem) + 2.76rem), 3.91rem);}