:root {
  --font-heading: 'Inter', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --color-bg: 206 177 130;
  --color-surface: 248 237 214;
  --color-overlay: 13 14 11;
  --color-foreground: 16 32 59;
  --color-primary: 16 32 59;
  --color-primary-foreground: 206 177 130;
  --color-secondary: 67 139 171;
  --color-secondary-foreground: 16 32 59;
  --color-border: 248 237 214;
  --color-ring: 16 32 59;
  --color-primary-50: 239 248 255;
  --color-primary-100: 219 239 254;
  --color-primary-200: 191 228 254;
  --color-primary-300: 147 212 253;
  --color-primary-400: 96 187 250;
  --color-primary-500: 58 157 247;
  --color-primary-600: 36 128 236;
  --color-primary-700: 28 105 217;
  --color-primary-800: 30 85 175;
  --color-primary-900: 30 73 138;
  --color-primary-950: 16 32 59;
  --color-secondary-50: 241 248 250;
  --color-secondary-100: 220 237 241;
  --color-secondary-200: 188 217 229;
  --color-secondary-300: 142 191 210;
  --color-secondary-400: 89 156 183;
  --color-secondary-500: 67 139 171;
  --color-secondary-600: 54 104 132;
  --color-secondary-700: 49 86 109;
  --color-secondary-800: 47 74 91;
  --color-secondary-900: 43 63 78;
  --color-secondary-950: 24 39 52;
  --color-background-50: 250 247 242;
  --color-background-100: 244 238 224;
  --color-background-200: 231 219 193;
  --color-background-300: 216 196 153;
  --color-background-400: 206 177 130;
  --color-background-500: 187 143 84;
  --color-background-600: 174 124 72;
  --color-background-700: 144 100 62;
  --color-background-800: 117 81 55;
  --color-background-900: 95 67 47;
  --color-background-950: 51 34 23;
  --color-surface-50: 252 248 240;
  --color-surface-100: 248 237 214;
  --color-surface-200: 242 220 182;
  --color-surface-300: 233 196 136;
  --color-surface-400: 223 163 88;
  --color-surface-500: 216 138 55;
  --color-surface-600: 202 115 44;
  --color-surface-700: 167 89 39;
  --color-surface-800: 134 72 38;
  --color-surface-900: 109 61 33;
  --color-surface-950: 58 29 16;
  --color-overlay-50: 247 247 246;
  --color-overlay-100: 231 231 224;
  --color-overlay-200: 203 206 193;
  --color-overlay-300: 170 174 154;
  --color-overlay-400: 135 140 117;
  --color-overlay-500: 108 114 90;
  --color-overlay-600: 85 90 71;
  --color-overlay-700: 70 74 59;
  --color-overlay-800: 58 61 50;
  --color-overlay-900: 51 53 44;
  --color-overlay-950: 13 14 11;
  --color-foreground-50: 239 248 255;
  --color-foreground-100: 219 239 254;
  --color-foreground-200: 191 228 254;
  --color-foreground-300: 147 212 253;
  --color-foreground-400: 96 187 250;
  --color-foreground-500: 58 157 247;
  --color-foreground-600: 36 128 236;
  --color-foreground-700: 28 105 217;
  --color-foreground-800: 30 85 175;
  --color-foreground-900: 30 73 138;
  --color-foreground-950: 16 32 59;
  --color-heading-50: 239 248 255;
  --color-heading-100: 219 239 254;
  --color-heading-200: 191 228 254;
  --color-heading-300: 147 212 253;
  --color-heading-400: 96 187 250;
  --color-heading-500: 58 157 247;
  --color-heading-600: 36 128 236;
  --color-heading-700: 28 105 217;
  --color-heading-800: 30 85 175;
  --color-heading-900: 30 73 138;
  --color-heading-950: 16 32 59;
  --color-heading: 16 32 59;
}

.dark {
  --font-heading: 'Inter', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --color-bg: 7 15 22;
  --color-surface: 193 125 35;
  --color-overlay: 13 14 11;
  --color-foreground: 223 198 137;
  --color-primary: 223 198 137;
  --color-primary-foreground: 7 15 22;
  --color-secondary: 67 139 171;
  --color-secondary-foreground: 223 198 137;
  --color-border: 193 125 35;
  --color-ring: 223 198 137;
  --color-primary-50: 251 249 241;
  --color-primary-100: 246 241 222;
  --color-primary-200: 237 224 187;
  --color-primary-300: 223 198 137;
  --color-primary-400: 212 172 99;
  --color-primary-500: 202 149 69;
  --color-primary-600: 188 128 58;
  --color-primary-700: 157 102 49;
  --color-primary-800: 126 82 46;
  --color-primary-900: 102 68 40;
  --color-primary-950: 55 34 19;
  --color-secondary-50: 241 248 250;
  --color-secondary-100: 220 237 241;
  --color-secondary-200: 188 217 229;
  --color-secondary-300: 142 191 210;
  --color-secondary-400: 89 156 183;
  --color-secondary-500: 67 139 171;
  --color-secondary-600: 54 104 132;
  --color-secondary-700: 49 86 109;
  --color-secondary-800: 47 74 91;
  --color-secondary-900: 43 63 78;
  --color-secondary-950: 24 39 52;
  --color-background-50: 243 247 252;
  --color-background-100: 229 240 249;
  --color-background-200: 198 223 241;
  --color-background-300: 148 198 229;
  --color-background-400: 90 168 214;
  --color-background-500: 53 141 194;
  --color-background-600: 37 113 164;
  --color-background-700: 31 90 133;
  --color-background-800: 29 77 111;
  --color-background-900: 29 65 93;
  --color-background-950: 7 15 22;
  --color-surface-50: 251 247 235;
  --color-surface-100: 246 235 203;
  --color-surface-200: 239 213 153;
  --color-surface-300: 230 183 94;
  --color-surface-400: 220 154 51;
  --color-surface-500: 193 125 35;
  --color-surface-600: 176 102 30;
  --color-surface-700: 141 73 27;
  --color-surface-800: 118 59 29;
  --color-surface-900: 101 51 30;
  --color-surface-950: 58 25 14;
  --color-overlay-50: 247 247 246;
  --color-overlay-100: 231 231 224;
  --color-overlay-200: 203 206 193;
  --color-overlay-300: 170 174 154;
  --color-overlay-400: 135 140 117;
  --color-overlay-500: 108 114 90;
  --color-overlay-600: 85 90 71;
  --color-overlay-700: 70 74 59;
  --color-overlay-800: 58 61 50;
  --color-overlay-900: 51 53 44;
  --color-overlay-950: 13 14 11;
  --color-foreground-50: 251 249 241;
  --color-foreground-100: 246 241 222;
  --color-foreground-200: 237 224 187;
  --color-foreground-300: 223 198 137;
  --color-foreground-400: 212 172 99;
  --color-foreground-500: 202 149 69;
  --color-foreground-600: 188 128 58;
  --color-foreground-700: 157 102 49;
  --color-foreground-800: 126 82 46;
  --color-foreground-900: 102 68 40;
  --color-foreground-950: 55 34 19;
  --color-heading-50: 251 249 241;
  --color-heading-100: 246 241 222;
  --color-heading-200: 237 224 187;
  --color-heading-300: 223 198 137;
  --color-heading-400: 212 172 99;
  --color-heading-500: 202 149 69;
  --color-heading-600: 188 128 58;
  --color-heading-700: 157 102 49;
  --color-heading-800: 126 82 46;
  --color-heading-900: 102 68 40;
  --color-heading-950: 55 34 19;
  --color-heading: 223 198 137;
}

.theme-kasbah {
  --font-heading: 'Inter', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --color-bg: 67 139 171;
  --color-surface: 13 14 11;
  --color-overlay: 13 14 11;
  --color-foreground: 248 237 214;
  --color-primary: 248 237 214;
  --color-primary-foreground: 67 139 171;
  --color-secondary: 155 85 24;
  --color-secondary-foreground: 248 237 214;
  --color-border: 13 14 11;
  --color-ring: 248 237 214;
  --color-primary-50: 252 248 240;
  --color-primary-100: 248 237 214;
  --color-primary-200: 242 220 182;
  --color-primary-300: 233 196 136;
  --color-primary-400: 223 163 88;
  --color-primary-500: 216 138 55;
  --color-primary-600: 202 115 44;
  --color-primary-700: 167 89 39;
  --color-primary-800: 134 72 38;
  --color-primary-900: 109 61 33;
  --color-primary-950: 58 29 16;
  --color-secondary-50: 252 248 234;
  --color-secondary-100: 248 238 201;
  --color-secondary-200: 242 219 150;
  --color-secondary-300: 235 193 89;
  --color-secondary-400: 227 167 44;
  --color-secondary-500: 211 144 31;
  --color-secondary-600: 182 111 24;
  --color-secondary-700: 155 85 24;
  --color-secondary-800: 121 64 26;
  --color-secondary-900: 103 55 28;
  --color-secondary-950: 60 27 12;
  --color-background-50: 241 248 250;
  --color-background-100: 220 237 241;
  --color-background-200: 188 217 229;
  --color-background-300: 142 191 210;
  --color-background-400: 89 156 183;
  --color-background-500: 67 139 171;
  --color-background-600: 54 104 132;
  --color-background-700: 49 86 109;
  --color-background-800: 47 74 91;
  --color-background-900: 43 63 78;
  --color-background-950: 24 39 52;
  --color-surface-50: 247 247 246;
  --color-surface-100: 231 231 224;
  --color-surface-200: 203 206 193;
  --color-surface-300: 170 174 154;
  --color-surface-400: 135 140 117;
  --color-surface-500: 108 114 90;
  --color-surface-600: 85 90 71;
  --color-surface-700: 70 74 59;
  --color-surface-800: 58 61 50;
  --color-surface-900: 51 53 44;
  --color-surface-950: 13 14 11;
  --color-overlay-50: 247 247 246;
  --color-overlay-100: 231 231 224;
  --color-overlay-200: 203 206 193;
  --color-overlay-300: 170 174 154;
  --color-overlay-400: 135 140 117;
  --color-overlay-500: 108 114 90;
  --color-overlay-600: 85 90 71;
  --color-overlay-700: 70 74 59;
  --color-overlay-800: 58 61 50;
  --color-overlay-900: 51 53 44;
  --color-overlay-950: 13 14 11;
  --color-foreground-50: 252 248 240;
  --color-foreground-100: 248 237 214;
  --color-foreground-200: 242 220 182;
  --color-foreground-300: 233 196 136;
  --color-foreground-400: 223 163 88;
  --color-foreground-500: 216 138 55;
  --color-foreground-600: 202 115 44;
  --color-foreground-700: 167 89 39;
  --color-foreground-800: 134 72 38;
  --color-foreground-900: 109 61 33;
  --color-foreground-950: 58 29 16;
  --color-heading-50: 252 248 240;
  --color-heading-100: 248 237 214;
  --color-heading-200: 242 220 182;
  --color-heading-300: 233 196 136;
  --color-heading-400: 223 163 88;
  --color-heading-500: 216 138 55;
  --color-heading-600: 202 115 44;
  --color-heading-700: 167 89 39;
  --color-heading-800: 134 72 38;
  --color-heading-900: 109 61 33;
  --color-heading-950: 58 29 16;
  --color-heading: 248 237 214;
}

.theme-mlk-blue {
  --font-heading: 'Inter', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --color-bg: 33 74 114;
  --color-surface: 18 47 82;
  --color-overlay: 10 30 54;
  --color-foreground: 248 237 214;
  --color-primary: 16 32 59;
  --color-primary-foreground: 33 74 114;
  --color-secondary: 67 139 171;
  --color-secondary-foreground: 248 237 214;
  --color-border: 18 47 82;
  --color-ring: 16 32 59;
  --color-heading: 248 237 214;
}

.theme-sand {
  --font-heading: 'Inter', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --color-bg: 229 215 194;
  --color-surface: 204 183 154;
  --color-overlay: 183 156 121;
  --color-foreground: 16 32 59;
  --color-primary: 16 32 59;
  --color-primary-foreground: 229 215 194;
  --color-secondary: 67 139 171;
  --color-secondary-foreground: 16 32 59;
  --color-border: 204 183 154;
  --color-ring: 16 32 59;
  --color-heading: 16 32 59;
}

.theme-dark-lab {
  --font-heading: 'Inter', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --color-bg: 16 27 40;
  --color-surface: 10 17 26;
  --color-overlay: 5 8 13;
  --color-foreground: 223 198 137;
  --color-primary: 223 198 137;
  --color-primary-foreground: 16 27 40;
  --color-secondary: 67 139 171;
  --color-secondary-foreground: 223 198 137;
  --color-border: 10 17 26;
  --color-ring: 223 198 137;
  --color-heading: 223 198 137;
}