:root[data-theme="light"] { --text-50: rgb(242, 242, 242); --text-100: rgb(230, 230, 230); --text-200: rgb(204, 204, 204); --text-300: rgb(179, 179, 179); --text-400: rgb(153, 153, 153); --text-500: rgb(128, 128, 128); --text-600: rgb(102, 102, 102); --text-700: rgb(77, 77, 77); --text-800: rgb(51, 51, 51); --text-900: rgb(26, 26, 26); --text-950: rgb(13, 13, 13); --background-50: rgb(235, 235, 250); --background-100: rgb(214, 214, 245); --background-200: rgb(173, 173, 235); --background-300: rgb(133, 133, 224); --background-400: rgb(92, 92, 214); --background-500: rgb(51, 51, 204); --background-600: rgb(41, 41, 163); --background-700: rgb(31, 31, 122); --background-800: rgb(20, 20, 82); --background-900: rgb(10, 10, 41); --background-950: rgb(5, 5, 20); --primary-50: rgb(236, 241, 248); --primary-100: rgb(217, 226, 242); --primary-200: rgb(179, 197, 229); --primary-300: rgb(141, 169, 216); --primary-400: rgb(103, 140, 203); --primary-500: rgb(65, 111, 190); --primary-600: rgb(52, 89, 152); --primary-700: rgb(39, 67, 114); --primary-800: rgb(26, 44, 76); --primary-950: rgb(7, 11, 19); --primary-900: rgb(13, 22, 38); --secondary-50: rgb(233, 252, 243); --secondary-100: rgb(210, 249, 231); --secondary-200: rgb(166, 242, 207); --secondary-300: rgb(121, 236, 182); --secondary-400: rgb(76, 230, 158); --secondary-500: rgb(32, 223, 134); --secondary-600: rgb(25, 179, 107); --secondary-700: rgb(19, 134, 80); --secondary-800: rgb(13, 89, 54); --secondary-900: rgb(6, 45, 27); --secondary-950: rgb(3, 22, 13); --accent-50: rgb(248, 237, 237); --accent-100: rgb(241, 220, 218); --accent-200: rgb(227, 184, 181); --accent-300: rgb(213, 149, 144); --accent-400: rgb(199, 113, 107); --accent-500: rgb(185, 78, 70); --accent-600: rgb(148, 62, 56); --accent-700: rgb(111, 47, 42); --accent-800: rgb(74, 31, 28); --accent-900: rgb(37, 16, 14); --accent-950: rgb(18, 8, 7); } :root[data-theme="dark"] { --text-50: rgb(13, 13, 13); --text-100: rgb(26, 26, 26); --text-200: rgb(51, 51, 51); --text-300: rgb(77, 77, 77); --text-400: rgb(102, 102, 102); --text-500: rgb(128, 128, 128); --text-600: rgb(153, 153, 153); --text-700: rgb(179, 179, 179); --text-800: rgb(204, 204, 204); --text-900: rgb(230, 230, 230); --text-950: rgb(242, 242, 242); --background-50: rgb(5, 5, 20); --background-100: rgb(10, 10, 41); --background-200: rgb(20, 20, 82); --background-300: rgb(31, 31, 122); --background-400: rgb(41, 41, 163); --background-500: rgb(51, 51, 204); --background-600: rgb(92, 92, 214); --background-700: rgb(133, 133, 224); --background-800: rgb(173, 173, 235); --background-900: rgb(214, 214, 245); --background-950: rgb(235, 235, 250); --primary-50: rgb(7, 11, 19); --primary-100: rgb(13, 22, 38); --primary-200: rgb(26, 44, 76); --primary-300: rgb(39, 67, 114); --primary-400: rgb(52, 89, 152); --primary-500: rgb(65, 111, 190); --primary-600: rgb(103, 140, 203); --primary-700: rgb(141, 169, 216); --primary-800: rgb(179, 197, 229); --primary-900: rgb(217, 226, 242); --primary-950: rgb(236, 241, 248); --secondary-50: rgb(3, 22, 13); --secondary-100: rgb(6, 45, 27); --secondary-200: rgb(13, 89, 54); --secondary-300: rgb(19, 134, 80); --secondary-400: rgb(25, 179, 107); --secondary-500: rgb(32, 223, 134); --secondary-600: rgb(76, 230, 158); --secondary-700: rgb(121, 236, 182); --secondary-800: rgb(166, 242, 207); --secondary-900: rgb(210, 249, 231); --secondary-950: rgb(233, 252, 243); --accent-50: rgb(18, 8, 7); --accent-100: rgb(37, 16, 14); --accent-200: rgb(74, 31, 28); --accent-300: rgb(111, 47, 42); --accent-400: rgb(148, 62, 56); --accent-500: rgb(185, 78, 70); --accent-600: rgb(199, 113, 107); --accent-700: rgb(213, 149, 144); --accent-800: rgb(227, 184, 181); --accent-900: rgb(241, 220, 218); --accent-950: rgb(248, 237, 237); }