:root { --primary: hsl(216 100% 50%); --secondary: hsl(21 90% 48%); --light: hsl(0 0% 100%); --dark: hsl(0 0% 0%); --neutral: hsl(0 0% 50%); --primary-l-1: rgb(42, 127, 255); --primary-l-2: rgb(85, 153, 255); --primary-l-3: rgb(128, 179, 255); --primary-l-4: rgb(170, 204, 255); --primary-l-5: rgb(213, 230, 255); --primary-d-1: rgb(0, 85, 213); --primary-d-2: rgb(0, 68, 170); --primary-d-3: rgb(0, 51, 128); --primary-d-4: rgb(0, 34, 85); --primary-d-5: rgb(0, 17, 43); --primary-t-1: rgba(23, 116, 255, 0.91); --primary-t-2: rgba(46, 130, 255, 0.82); --primary-t-3: rgba(70, 144, 255, 0.73); --primary-t-4: rgba(93, 158, 255, 0.64); --primary-t-5: rgba(116, 172, 255, 0.55); --primary-t-6: rgba(139, 185, 255, 0.45); --primary-t-7: rgba(162, 199, 255, 0.36); --primary-t-8: rgba(185, 213, 255, 0.27); --primary-t-9: rgba(209, 227, 255, 0.18); --primary-t-10: rgba(232, 241, 255, 0.09); --secondary-l-1: rgb(237, 117, 52); --secondary-l-2: rgb(240, 144, 93); --secondary-l-3: rgb(244, 172, 134); --secondary-l-4: rgb(248, 200, 174); --secondary-l-5: rgb(251, 227, 215); --secondary-d-1: rgb(194, 74, 10); --secondary-d-2: rgb(155, 59, 8); --secondary-d-3: rgb(117, 45, 6); --secondary-d-4: rgb(78, 30, 4); --secondary-d-5: rgb(39, 15, 2); --secondary-t-1: rgba(235, 104, 34, 0.91); --secondary-t-2: rgba(237, 119, 56, 0.82); --secondary-t-3: rgba(239, 134, 78, 0.73); --secondary-t-4: rgba(241, 149, 100, 0.64); --secondary-t-5: rgba(243, 164, 122, 0.55); --secondary-t-6: rgba(245, 180, 145, 0.45); --secondary-t-7: rgba(247, 195, 167, 0.36); --secondary-t-8: rgba(249, 210, 189, 0.27); --secondary-t-9: rgba(251, 225, 211, 0.18); --secondary-t-10: rgba(253, 240, 233, 0.09); --light-t-1: rgba(255, 255, 255, 0.91); --light-t-2: rgba(255, 255, 255, 0.82); --light-t-3: rgba(255, 255, 255, 0.73); --light-t-4: rgba(255, 255, 255, 0.64); --light-t-5: rgba(255, 255, 255, 0.55); --light-t-6: rgba(255, 255, 255, 0.45); --light-t-7: rgba(255, 255, 255, 0.36); --light-t-8: rgba(255, 255, 255, 0.27); --light-t-9: rgba(255, 255, 255, 0.18); --light-t-10: rgba(255, 255, 255, 0.09); --dark-t-1: rgba(23, 23, 23, 0.91); --dark-t-2: rgba(46, 46, 46, 0.82); --dark-t-3: rgba(70, 70, 70, 0.73); --dark-t-4: rgba(93, 93, 93, 0.64); --dark-t-5: rgba(116, 116, 116, 0.55); --dark-t-6: rgba(139, 139, 139, 0.45); --dark-t-7: rgba(162, 162, 162, 0.36); --dark-t-8: rgba(185, 185, 185, 0.27); --dark-t-9: rgba(209, 209, 209, 0.18); --dark-t-10: rgba(232, 232, 232, 0.09); --neutral-l-1: rgb(140, 140, 140); --neutral-l-2: rgb(151, 151, 151); --neutral-l-3: rgb(163, 163, 163); --neutral-l-4: rgb(174, 174, 174); --neutral-l-5: rgb(186, 186, 186); --neutral-l-6: rgb(197, 197, 197); --neutral-l-7: rgb(209, 209, 209); --neutral-l-8: rgb(220, 220, 220); --neutral-l-9: rgb(232, 232, 232); --neutral-l-10: rgb(243, 243, 243); --neutral-d-1: rgb(116, 116, 116); --neutral-d-2: rgb(105, 105, 105); --neutral-d-3: rgb(93, 93, 93); --neutral-d-4: rgb(81, 81, 81); --neutral-d-5: rgb(70, 70, 70); --neutral-d-6: rgb(58, 58, 58); --neutral-d-7: rgb(47, 47, 47); --neutral-d-8: rgb(35, 35, 35); --neutral-d-9: rgb(23, 23, 23); --neutral-d-10: rgb(12, 12, 12); --info: hsl(197, 100%, 48%); --success: hsl(153, 83%, 39%); --warning: hsl(38, 100%, 50%); --danger: hsl(350, 95%, 62%); } :root[data-brx-theme="dark"] { --light: hsl(0 0% 0%); --dark: hsl(0 0% 100%); --neutral: hsl(0 0% 50%); --neutral-l-1: rgb(116, 116, 116); --neutral-l-2: rgb(105, 105, 105); --neutral-l-3: rgb(93, 93, 93); --neutral-l-4: rgb(81, 81, 81); --neutral-l-5: rgb(70, 70, 70); --neutral-l-6: rgb(58, 58, 58); --neutral-l-7: rgb(47, 47, 47); --neutral-l-8: rgb(35, 35, 35); --neutral-l-9: rgb(23, 23, 23); --neutral-l-10: rgb(12, 12, 12); --neutral-d-1: rgb(140, 140, 140); --neutral-d-2: rgb(151, 151, 151); --neutral-d-3: rgb(163, 163, 163); --neutral-d-4: rgb(174, 174, 174); --neutral-d-5: rgb(168, 168, 168); --neutral-d-6: rgb(197, 197, 197); --neutral-d-7: rgb(209, 209, 209); --neutral-d-8: rgb(220, 220, 220); --neutral-d-9: rgb(232, 232, 232); --neutral-d-10: rgb(243, 243, 243); --dark-t-1: rgba(255, 255, 255, 0.91); --dark-t-2: rgba(255, 255, 255, 0.82); --dark-t-3: rgba(255, 255, 255, 0.73); --dark-t-4: rgba(255, 255, 255, 0.64); --dark-t-5: rgba(255, 255, 255, 0.55); --dark-t-6: rgba(255, 255, 255, 0.45); --dark-t-7: rgba(255, 255, 255, 0.36); --dark-t-8: rgba(255, 255, 255, 0.27); --dark-t-9: rgba(255, 255, 255, 0.18); --dark-t-10: rgba(255, 255, 255, 0.09); --light-t-1: rgba(23, 23, 23, 0.91); --light-t-2: rgba(46, 46, 46, 0.82); --light-t-3: rgba(70, 70, 70, 0.73); --light-t-4: rgba(93, 93, 93, 0.64); --light-t-5: rgba(116, 116, 116, 0.55); --light-t-6: rgba(139, 139, 139, 0.45); --light-t-7: rgba(162, 162, 162, 0.36); --light-t-8: rgba(185, 185, 185, 0.27); --light-t-9: rgba(209, 209, 209, 0.18); --light-t-10: rgba(232, 232, 232, 0.09); }