:root { --surface-page: #F5F6F9; --surface-card: #CCD0E0; --main-purple: #504360; --main-purple-d-1: #433850; --main-purple-d-2: #352d40; --main-purple-d-3: #282230; --main-purple-d-4: #1b1620; --main-purple-d-5: #0d0b10; --main-purple-l-1: #6d627a; --main-purple-l-2: #8a8295; --main-purple-l-3: #a8a1b0; --main-purple-l-4: #c5c0ca; --main-purple-l-5: #e2e0e5; --main-green: #748348; --main-green-d-1: #616d3c; --main-green-d-2: #4d5730; --main-green-d-3: #3a4224; --main-green-d-4: #272c18; --main-green-d-5: #13160c; --main-green-l-1: #8b9866; --main-green-l-2: #a2ac85; --main-green-l-3: #bac1a4; --main-green-l-4: #d1d6c2; --main-green-l-5: #e8eae1; --main-orange: #BE603A; --main-orange-l-1: #c97a5b; --main-orange-l-2: #d4957c; --main-orange-l-3: #dfb09d; --main-orange-l-4: #e9cabd; --main-orange-l-5: #f4e5de; --main-orange-d-1: #9e5030; --main-orange-d-2: #7f4027; --main-orange-d-3: #5f301d; --main-orange-d-4: #3f2013; --main-orange-d-5: #20100a; --main-yellow: #E6AE20; --main-yellow-l-1: #eabc45; --main-yellow-l-2: #eec96a; --main-yellow-l-3: #f3d790; --main-yellow-l-4: #f7e4b5; --main-yellow-l-5: #fbf2da; --main-yellow-d-1: #c0911b; --main-yellow-d-2: #997415; --main-yellow-d-3: #735710; --main-yellow-d-4: #4d3a0b; --main-yellow-d-5: #261d05; --main-blue: #53719E; --main-blue-l-1: #7089ae; --main-blue-l-2: #8ca0be; --main-blue-l-3: #a9b8cf; --main-blue-l-4: #c6d0df; --main-blue-l-5: #e2e7ef; --main-blue-d-1: #455e84; --main-blue-d-2: #374b69; --main-blue-d-3: #2a394f; --main-blue-d-4: #1c2635; --main-blue-d-5: #0e131a; --blueprint: #31445E; --border-dark: #33293D; --border-dark-d-1: #2b2233; --border-dark-d-2: #221b29; --border-dark-d-3: #1a151f; --border-dark-d-4: #110e14; --border-dark-d-5: #09070a; --border-dark-l-1: #554d5d; --border-dark-l-2: #77707e; --border-dark-l-3: #99949e; --border-dark-l-4: #bbb8be; --border-dark-l-5: #dddbdf; --text: #1F1825; --text-l-1: #443e49; --text-l-2: #6a656e; --text-l-3: #8f8c92; --text-l-4: #b4b2b6; --text-l-5: #dad9db; --text-d-1: #1a141f; --text-d-2: #151019; --text-d-3: #100c13; --text-d-4: #0a080c; --text-d-5: #050406; --brand-blue: #246BCE;}.bg-surface-page { background-color: var(--surface-page); }.border-border-dark { border-color: var(--border-dark); }.border-border-dark-d-1 { border-color: var(--border-dark-d-1); }.border-border-dark-d-2 { border-color: var(--border-dark-d-2); }.border-border-dark-d-3 { border-color: var(--border-dark-d-3); }.border-border-dark-d-4 { border-color: var(--border-dark-d-4); }.border-border-dark-d-5 { border-color: var(--border-dark-d-5); }.border-border-dark-l-1 { border-color: var(--border-dark-l-1); }.border-border-dark-l-2 { border-color: var(--border-dark-l-2); }.border-border-dark-l-3 { border-color: var(--border-dark-l-3); }.border-border-dark-l-4 { border-color: var(--border-dark-l-4); }.border-border-dark-l-5 { border-color: var(--border-dark-l-5); }