/* Temas del sistema interno (Gestión Iglesia).
   Cada tema define tres escalas (slate = neutros, church = acción principal,
   ac = acento de estados/enlaces) para modo claro y oscuro. Tailwind las lee
   como rgb(var(--slate-500) / <alpha-value>), por lo que las clases existentes
   se adaptan sin cambios. «classic» reproduce exactamente la apariencia anterior. */

/* Clásico · claro */
:root,
html[data-theme="classic"] {
  color-scheme: light;
  --slate-50: 248 250 252;
  --slate-100: 241 245 249;
  --slate-200: 226 232 240;
  --slate-300: 203 213 225;
  --slate-400: 148 163 184;
  --slate-500: 100 116 139;
  --slate-600: 71 85 105;
  --slate-700: 51 65 85;
  --slate-800: 30 41 59;
  --slate-900: 15 23 42;
  --slate-950: 2 6 23;
  --church-50: 243 247 250;
  --church-100: 231 239 244;
  --church-200: 207 221 232;
  --church-300: 164 190 212;
  --church-400: 120 149 173;
  --church-500: 82 123 160;
  --church-600: 53 92 125;
  --church-700: 41 72 96;
  --church-800: 32 57 77;
  --church-900: 26 48 66;
  --church-950: 18 34 48;
  --ac-50: 239 246 255;
  --ac-100: 219 234 254;
  --ac-200: 191 219 254;
  --ac-300: 147 197 253;
  --ac-400: 96 165 250;
  --ac-500: 59 130 246;
  --ac-600: 37 99 235;
  --ac-700: 29 78 216;
  --ac-800: 30 64 175;
  --ac-900: 30 58 138;
  --ac-950: 23 37 84;
  --link: 53 92 125;
  --detail: 37 99 235;
  --ring: 82 123 160;
}

/* Clásico · oscuro */
html.dark,
html[data-theme="classic"].dark {
  color-scheme: dark;
  --slate-50: 248 250 252;
  --slate-100: 241 245 249;
  --slate-200: 226 232 240;
  --slate-300: 203 213 225;
  --slate-400: 148 163 184;
  --slate-500: 100 116 139;
  --slate-600: 71 85 105;
  --slate-700: 51 65 85;
  --slate-800: 30 41 59;
  --slate-900: 15 23 42;
  --slate-950: 2 6 23;
  --church-50: 243 247 250;
  --church-100: 231 239 244;
  --church-200: 207 221 232;
  --church-300: 164 190 212;
  --church-400: 120 149 173;
  --church-500: 82 123 160;
  --church-600: 53 92 125;
  --church-700: 41 72 96;
  --church-800: 32 57 77;
  --church-900: 26 48 66;
  --church-950: 18 34 48;
  --ac-50: 239 246 255;
  --ac-100: 219 234 254;
  --ac-200: 191 219 254;
  --ac-300: 147 197 253;
  --ac-400: 96 165 250;
  --ac-500: 59 130 246;
  --ac-600: 37 99 235;
  --ac-700: 29 78 216;
  --ac-800: 30 64 175;
  --ac-900: 30 58 138;
  --ac-950: 23 37 84;
  --link: 53 92 125;
  --detail: 96 165 250;
  --ring: 82 123 160;
}

/* Marca · claro */
html[data-theme="brand"] {
  color-scheme: light;
  --slate-50: 245 247 255;
  --slate-100: 236 239 252;
  --slate-200: 221 226 245;
  --slate-300: 192 200 229;
  --slate-400: 140 152 196;
  --slate-500: 100 113 160;
  --slate-600: 72 84 130;
  --slate-700: 52 62 102;
  --slate-800: 33 42 80;
  --slate-900: 19 34 84;
  --slate-950: 11 20 56;
  --church-50: 238 240 255;
  --church-100: 224 227 255;
  --church-200: 199 204 253;
  --church-300: 160 164 250;
  --church-400: 118 121 242;
  --church-500: 94 96 236;
  --church-600: 77 78 230;
  --church-700: 62 63 200;
  --church-800: 49 50 160;
  --church-900: 40 41 128;
  --church-950: 25 26 80;
  --ac-50: 238 240 255;
  --ac-100: 224 227 255;
  --ac-200: 199 204 253;
  --ac-300: 160 164 250;
  --ac-400: 118 121 242;
  --ac-500: 94 96 236;
  --ac-600: 77 78 230;
  --ac-700: 62 63 200;
  --ac-800: 49 50 160;
  --ac-900: 40 41 128;
  --ac-950: 25 26 80;
  --link: 62 63 200;
  --detail: 0 160 184;
  --ring: 94 96 236;
}

/* Marca · oscuro */
html[data-theme="brand"].dark {
  color-scheme: dark;
  --slate-50: 247 248 255;
  --slate-100: 238 241 252;
  --slate-200: 222 227 247;
  --slate-300: 195 204 238;
  --slate-400: 160 174 223;
  --slate-500: 125 143 200;
  --slate-600: 88 108 178;
  --slate-700: 56 78 154;
  --slate-800: 32 50 114;
  --slate-900: 19 34 84;
  --slate-950: 10 18 53;
  --church-50: 238 240 255;
  --church-100: 224 227 255;
  --church-200: 199 204 253;
  --church-300: 160 164 250;
  --church-400: 118 121 242;
  --church-500: 94 96 236;
  --church-600: 77 78 230;
  --church-700: 62 63 200;
  --church-800: 49 50 160;
  --church-900: 40 41 128;
  --church-950: 25 26 80;
  --ac-50: 238 240 255;
  --ac-100: 224 227 255;
  --ac-200: 199 204 253;
  --ac-300: 160 164 250;
  --ac-400: 118 121 242;
  --ac-500: 94 96 236;
  --ac-600: 77 78 230;
  --ac-700: 62 63 200;
  --ac-800: 49 50 160;
  --ac-900: 40 41 128;
  --ac-950: 25 26 80;
  --link: 160 164 250;
  --detail: 0 233 255;
  --ring: 0 233 255;
}

/* Esmeralda · claro */
html[data-theme="emerald"] {
  color-scheme: light;
  --slate-50: 246 249 248;
  --slate-100: 237 243 241;
  --slate-200: 221 231 228;
  --slate-300: 193 208 203;
  --slate-400: 139 160 153;
  --slate-500: 97 118 111;
  --slate-600: 70 89 83;
  --slate-700: 51 67 62;
  --slate-800: 31 43 40;
  --slate-900: 16 28 26;
  --slate-950: 8 16 15;
  --church-50: 236 253 245;
  --church-100: 209 250 229;
  --church-200: 167 243 208;
  --church-300: 110 231 183;
  --church-400: 52 211 153;
  --church-500: 16 185 129;
  --church-600: 5 150 105;
  --church-700: 4 120 87;
  --church-800: 6 95 70;
  --church-900: 6 78 59;
  --church-950: 2 44 34;
  --ac-50: 240 253 250;
  --ac-100: 204 251 241;
  --ac-200: 153 246 228;
  --ac-300: 94 234 212;
  --ac-400: 45 212 191;
  --ac-500: 20 184 166;
  --ac-600: 13 148 136;
  --ac-700: 15 118 110;
  --ac-800: 17 94 89;
  --ac-900: 19 78 74;
  --ac-950: 4 47 46;
  --link: 4 120 87;
  --detail: 13 148 136;
  --ring: 16 185 129;
}

/* Esmeralda · oscuro */
html[data-theme="emerald"].dark {
  color-scheme: dark;
  --slate-50: 246 250 248;
  --slate-100: 236 244 241;
  --slate-200: 220 233 229;
  --slate-300: 190 210 204;
  --slate-400: 156 183 175;
  --slate-500: 118 150 141;
  --slate-600: 74 110 102;
  --slate-700: 42 76 69;
  --slate-800: 27 52 47;
  --slate-900: 17 34 31;
  --slate-950: 12 24 22;
  --church-50: 236 253 245;
  --church-100: 209 250 229;
  --church-200: 167 243 208;
  --church-300: 110 231 183;
  --church-400: 52 211 153;
  --church-500: 16 185 129;
  --church-600: 5 150 105;
  --church-700: 4 120 87;
  --church-800: 6 95 70;
  --church-900: 6 78 59;
  --church-950: 2 44 34;
  --ac-50: 240 253 250;
  --ac-100: 204 251 241;
  --ac-200: 153 246 228;
  --ac-300: 94 234 212;
  --ac-400: 45 212 191;
  --ac-500: 20 184 166;
  --ac-600: 13 148 136;
  --ac-700: 15 118 110;
  --ac-800: 17 94 89;
  --ac-900: 19 78 74;
  --ac-950: 4 47 46;
  --link: 110 231 183;
  --detail: 45 212 191;
  --ring: 45 212 191;
}

/* Enlaces y textos de acción sobre fondo oscuro (temas con paleta propia) */
html[data-theme="brand"].dark .text-church-600,
html[data-theme="brand"].dark .text-church-700,
html[data-theme="brand"].dark .hover\:text-church-600:hover,
html[data-theme="brand"].dark .hover\:text-church-700:hover,
html[data-theme="emerald"].dark .text-church-600,
html[data-theme="emerald"].dark .text-church-700,
html[data-theme="emerald"].dark .hover\:text-church-600:hover,
html[data-theme="emerald"].dark .hover\:text-church-700:hover { color: rgb(var(--link)); }