/* Theme palettes — driven by [data-theme] on . Brand color shades map to CSS variables consumed by tailwind.css. */ :root, [data-theme="biru"] { --brand-50: 238 242 255; --brand-100: 224 231 255; --brand-200: 199 210 254; --brand-500: 79 70 229; --brand-600: 67 56 202; --brand-700: 55 48 163; --primary-color: #4338ca; --secondary-color: #3730a3; --accent-color: #f59e0b; --light-color: #f8f9fa; --dark-color: #212529; } [data-theme="tosca"] { --brand-50: 240 253 250; --brand-100: 204 251 241; --brand-200: 153 246 228; --brand-500: 13 148 136; --brand-600: 15 118 110; --brand-700: 12 74 110; --primary-color: #0d9488; --secondary-color: #0f766e; --accent-color: #f59e0b; --light-color: #f8f9fa; --dark-color: #212529; } [data-theme="maroon"] { --brand-50: 254 242 242; --brand-100: 254 226 226; --brand-200: 254 202 202; --brand-500: 185 28 28; --brand-600: 153 27 27; --brand-700: 127 29 29; --primary-color: #991b1b; --secondary-color: #7f1d1d; --accent-color: #f59e0b; --light-color: #f8f9fa; --dark-color: #212529; } [data-theme="unggu"] { --brand-50: 250 245 255; --brand-100: 243 232 255; --brand-200: 233 213 255; --brand-500: 168 85 247; --brand-600: 147 51 234; --brand-700: 126 34 211; --primary-color: #9333ea; --secondary-color: #7e22ce; --accent-color: #f59e0b; --light-color: #f8f9fa; --dark-color: #212529; }