/*
  CMS FKG Theme Presets
  ------------------------------------------------------------------
  Kamu bisa ganti warna brand tanpa rebuild Tailwind.

  Cara:
  1) Pilih preset via Admin -> Settings -> Theme Preset
  2) Atau edit nilai CSS variables di sini (mis. --brand-600, dll)

  Format nilai: R G B (tanpa koma), contoh: 20 184 166
*/

:root,
.theme-teal {
  --brand-50: 240 253 250;
  --brand-100: 204 251 241;
  --brand-200: 153 246 228;
  --brand-300: 94 234 212;
  --brand-400: 45 212 191;
  --brand-500: 49 206 209;
  --brand-600: 49 206 209;
  --brand-700: 15 118 110;
  --brand-800: 17 94 89;
  --brand-900: 19 78 74;
  --brand-950: 4 47 46;
}

.theme-blue {
  --brand-50: 239 246 255;
  --brand-100: 219 234 254;
  --brand-200: 191 219 254;
  --brand-300: 147 197 253;
  --brand-400: 96 165 250;
  --brand-500: 59 130 246;
  --brand-600: 37 99 235;
  --brand-700: 29 78 216;
  --brand-800: 30 64 175;
  --brand-900: 30 58 138;
  --brand-950: 23 37 84;
}

.theme-emerald {
  --brand-50: 236 253 245;
  --brand-100: 209 250 229;
  --brand-200: 167 243 208;
  --brand-300: 110 231 183;
  --brand-400: 52 211 153;
  --brand-500: 16 185 129;
  --brand-600: 5 150 105;
  --brand-700: 4 120 87;
  --brand-800: 6 95 70;
  --brand-900: 6 78 59;
  --brand-950: 2 44 34;
}

.theme-indigo {
  --brand-50: 238 242 255;
  --brand-100: 224 231 255;
  --brand-200: 199 210 254;
  --brand-300: 165 180 252;
  --brand-400: 129 140 248;
  --brand-500: 99 102 241;
  --brand-600: 79 70 229;
  --brand-700: 67 56 202;
  --brand-800: 55 48 163;
  --brand-900: 49 46 129;
  --brand-950: 30 27 75;
}

.theme-rose {
  --brand-50: 255 241 242;
  --brand-100: 255 228 230;
  --brand-200: 254 205 211;
  --brand-300: 253 164 175;
  --brand-400: 251 113 133;
  --brand-500: 244 63 94;
  --brand-600: 225 29 72;
  --brand-700: 190 18 60;
  --brand-800: 159 18 57;
  --brand-900: 136 19 55;
  --brand-950: 76 5 25;
}

.theme-slate {
  --brand-50: 248 250 252;
  --brand-100: 241 245 249;
  --brand-200: 226 232 240;
  --brand-300: 203 213 225;
  --brand-400: 148 163 184;
  --brand-500: 100 116 139;
  --brand-600: 71 85 105;
  --brand-700: 51 65 85;
  --brand-800: 30 41 59;
  --brand-900: 15 23 42;
  --brand-950: 2 6 23;
}