/* Portal theme colours for admin.html + manager.html — see portal-theme.js.
 *
 * Values are RGB channels ("79 70 229") so Tailwind opacity classes like
 * bg-indigo-600/20 keep working. Inline <style> rules in both pages use
 * rgb(var(--ix-600, 79 70 229)) with the original colour as the fallback, so a
 * failed load of this file changes nothing.
 *
 * Akanksha values come from the official Brand Toolkit (September 2026):
 *   Primary   #f6ab26 orange · #f8d548 yellow      — titles, key blocks, CTAs
 *   Secondary #f79533 deep orange · #fff7f7 off-white · #26c0d8 cyan · #bfebf6 pale blue
 *   Accent    #004aad blue · #ff1fa9 pink · #e2a9f1 lilac · #457a00 green — SPARINGLY,
 *             never as full backgrounds, main titles or large text blocks
 *   Neutral   #000000 · #ffffff · #848688 · #ecf0f1 — structure and readability
 *   Fonts     League Spartan (headers) · Libre Franklin (body)
 * The toolkit has no deep green #37473C: that was the website's body-text colour,
 * used before the toolkit arrived. Dark shades are neutrals, not green.
 *
 * THE RULE for the shade mapping: light shades stay light and dark shades stay
 * dark. 50–300 are tints, 400 the bright brand colour, 500 a darker one still readable as small text (4.5:1), 600+ a colour that
 * white text is readable on AND that reads as text on white. Breaking that
 * (e.g. orange at 600) makes every text-indigo-600 link unreadable.
 */
:root {
  /* indigo */ --ix-50: 238 242 255; --ix-100: 224 231 255; --ix-200: 199 210 254; --ix-300: 165 180 252; --ix-400: 129 140 248; --ix-500: 99 102 241; --ix-600: 79 70 229; --ix-700: 67 56 202; --ix-800: 55 48 163; --ix-900: 49 46 129; --ix-950: 30 27 75;
  /* violet */ --vx-50: 245 243 255; --vx-100: 237 233 254; --vx-200: 221 214 254; --vx-300: 196 181 253; --vx-400: 167 139 250; --vx-500: 139 92 246; --vx-600: 124 58 237; --vx-700: 109 40 217; --vx-800: 91 33 182; --vx-900: 76 29 149; --vx-950: 46 16 101;
  /* slate */ --sl-50: 248 250 252; --sl-100: 241 245 249; --sl-200: 226 232 240; --sl-300: 203 213 225; --sl-400: 148 163 184; --sl-500: 100 116 139; --sl-600: 71 85 105; --sl-700: 51 65 85; --sl-800: 30 41 59; --sl-900: 15 23 42; --sl-950: 2 6 23;
  /* gray */ --gy-50: 249 250 251; --gy-100: 243 244 246; --gy-200: 229 231 235; --gy-300: 209 213 219; --gy-400: 156 163 175; --gy-500: 107 114 128; --gy-600: 75 85 99; --gy-700: 55 65 81; --gy-800: 31 41 55; --gy-900: 17 24 39; --gy-950: 3 7 18;
  /* emerald */ --em-50: 236 253 245; --em-100: 209 250 229; --em-200: 167 243 208; --em-300: 110 231 183; --em-400: 52 211 153; --em-500: 16 185 129; --em-600: 5 150 105; --em-700: 4 120 87; --em-800: 6 95 70; --em-900: 6 78 59; --em-950: 2 44 34;
  /* green */ --gn-50: 240 253 244; --gn-100: 220 252 231; --gn-200: 187 247 208; --gn-300: 134 239 172; --gn-400: 74 222 128; --gn-500: 34 197 94; --gn-600: 22 163 74; --gn-700: 21 128 61; --gn-800: 22 101 52; --gn-900: 20 83 45; --gn-950: 5 46 22;
  /* teal */ --tl-50: 240 253 250; --tl-100: 204 251 241; --tl-200: 153 246 228; --tl-300: 94 234 212; --tl-400: 45 212 191; --tl-500: 20 184 166; --tl-600: 13 148 136; --tl-700: 15 118 110; --tl-800: 17 94 89; --tl-900: 19 78 74; --tl-950: 4 47 46;
  /* amber */ --am-50: 255 251 235; --am-100: 254 243 199; --am-200: 253 230 138; --am-300: 252 211 77; --am-400: 251 191 36; --am-500: 245 158 11; --am-600: 217 119 6; --am-700: 180 83 9; --am-800: 146 64 14; --am-900: 120 53 15; --am-950: 69 26 3;
  /* orange */ --or-50: 255 247 237; --or-100: 255 237 213; --or-200: 254 215 170; --or-300: 253 186 116; --or-400: 251 146 60; --or-500: 249 115 22; --or-600: 234 88 12; --or-700: 194 65 12; --or-800: 154 52 18; --or-900: 124 45 18; --or-950: 67 20 7;
  /* yellow */ --yl-50: 254 252 232; --yl-100: 254 249 195; --yl-200: 254 240 138; --yl-300: 253 224 71; --yl-400: 250 204 21; --yl-500: 234 179 8; --yl-600: 202 138 4; --yl-700: 161 98 7; --yl-800: 133 77 14; --yl-900: 113 63 18; --yl-950: 66 32 6;
  /* sky */ --sk-50: 240 249 255; --sk-100: 224 242 254; --sk-200: 186 230 253; --sk-300: 125 211 252; --sk-400: 56 189 248; --sk-500: 14 165 233; --sk-600: 2 132 199; --sk-700: 3 105 161; --sk-800: 7 89 133; --sk-900: 12 74 110; --sk-950: 8 47 73;
  /* blue */ --bl-50: 239 246 255; --bl-100: 219 234 254; --bl-200: 191 219 254; --bl-300: 147 197 253; --bl-400: 96 165 250; --bl-500: 59 130 246; --bl-600: 37 99 235; --bl-700: 29 78 216; --bl-800: 30 64 175; --bl-900: 30 58 138; --bl-950: 23 37 84;
}

/* Akanksha: every family keeps its Tailwind lightness per shade, so text that
   was readable stays readable. slate/gray → warm neutrals (#F5F4F1, #D7D7CD,
   near-black); emerald/green/teal → muted greens anchored on deep green
   #37473C; amber/orange → brand orange; yellow → brand yellow; sky/blue/violet →
   sky blue #58BCD4; indigo (the old accent) → orange tints + deep green ink.
   red/rose are deliberately untouched: an error must still look like one. */
[data-theme="akanksha"] {
  /* indigo → orange tints, accent-blue ink at 600/700, black at 800+ */ --ix-50: 255 247 234; --ix-100: 254 236 161; --ix-200: 252 192 86; --ix-300: 246 171 38; --ix-400: 247 149 51; --ix-500: 168 95 10; --ix-600: 0 74 173; --ix-700: 0 59 138; --ix-800: 47 49 51; --ix-900: 26 27 28; --ix-950: 11 12 12;
  /* violet → lilac */ --vx-50: 251 244 254; --vx-100: 245 230 252; --vx-200: 236 212 248; --vx-300: 226 169 241; --vx-400: 214 138 233; --vx-500: 155 69 189; --vx-600: 122 47 153; --vx-700: 99 32 126; --vx-800: 77 24 99; --vx-900: 58 17 73; --vx-950: 36 10 46;
  /* slate → neutral */ --sl-50: 248 250 250; --sl-100: 236 240 241; --sl-200: 223 227 228; --sl-300: 198 202 203; --sl-400: 132 134 136; --sl-500: 107 109 111; --sl-600: 88 90 92; --sl-700: 68 70 72; --sl-800: 47 49 51; --sl-900: 26 27 28; --sl-950: 11 12 12;
  /* gray → neutral */ --gy-50: 248 250 250; --gy-100: 236 240 241; --gy-200: 223 227 228; --gy-300: 198 202 203; --gy-400: 132 134 136; --gy-500: 107 109 111; --gy-600: 88 90 92; --gy-700: 68 70 72; --gy-800: 47 49 51; --gy-900: 26 27 28; --gy-950: 11 12 12;
  /* emerald → green */ --em-50: 244 249 236; --em-100: 229 242 208; --em-200: 203 229 165; --em-300: 168 210 109; --em-400: 131 185 60; --em-500: 93 143 20; --em-600: 69 122 0; --em-700: 56 99 0; --em-800: 44 77 0; --em-900: 34 60 0; --em-950: 19 34 0;
  /* green → green */ --gn-50: 244 249 236; --gn-100: 229 242 208; --gn-200: 203 229 165; --gn-300: 168 210 109; --gn-400: 131 185 60; --gn-500: 93 143 20; --gn-600: 69 122 0; --gn-700: 56 99 0; --gn-800: 44 77 0; --gn-900: 34 60 0; --gn-950: 19 34 0;
  /* teal → green */ --tl-50: 244 249 236; --tl-100: 229 242 208; --tl-200: 203 229 165; --tl-300: 168 210 109; --tl-400: 131 185 60; --tl-500: 93 143 20; --tl-600: 69 122 0; --tl-700: 56 99 0; --tl-800: 44 77 0; --tl-900: 34 60 0; --tl-950: 19 34 0;
  /* amber → orange */ --am-50: 255 247 234; --am-100: 254 236 161; --am-200: 252 192 86; --am-300: 246 171 38; --am-400: 247 149 51; --am-500: 168 95 10; --am-600: 143 75 6; --am-700: 113 60 6; --am-800: 90 48 5; --am-900: 69 37 4; --am-950: 42 22 2;
  /* orange → orange */ --or-50: 255 247 234; --or-100: 254 236 161; --or-200: 252 192 86; --or-300: 246 171 38; --or-400: 247 149 51; --or-500: 168 95 10; --or-600: 143 75 6; --or-700: 113 60 6; --or-800: 90 48 5; --or-900: 69 37 4; --or-950: 42 22 2;
  /* yellow → yellow */ --yl-50: 255 253 240; --yl-100: 253 243 196; --yl-200: 251 233 141; --yl-300: 248 213 72; --yl-400: 238 199 40; --yl-500: 162 135 15; --yl-600: 125 104 11; --yl-700: 99 82 10; --yl-800: 79 66 8; --yl-900: 61 51 6; --yl-950: 34 28 3;
  /* sky → cyan */ --sk-50: 240 251 253; --sk-100: 191 235 246; --sk-200: 157 227 240; --sk-300: 110 214 232; --sk-400: 38 192 216; --sk-500: 15 150 171; --sk-600: 11 127 147; --sk-700: 10 100 117; --sk-800: 10 79 92; --sk-900: 11 63 73; --sk-950: 6 39 46;
  /* blue → cyan */ --bl-50: 240 251 253; --bl-100: 191 235 246; --bl-200: 157 227 240; --bl-300: 110 214 232; --bl-400: 38 192 216; --bl-500: 15 150 171; --bl-600: 11 127 147; --bl-700: 10 100 117; --bl-800: 10 79 92; --bl-900: 11 63 73; --bl-950: 6 39 46;
}

[data-theme="akanksha"] body { font-family: 'Libre Franklin', ui-sans-serif, system-ui, sans-serif; }
[data-theme="akanksha"] h1,
[data-theme="akanksha"] h2,
[data-theme="akanksha"] h3 { font-family: 'League Spartan', 'Libre Franklin', ui-sans-serif, sans-serif; letter-spacing: -0.005em; }

/* Solid primary buttons: akanksha.org's CTA is orange with bold BLACK text.
   White on that orange is 1.9:1 — unreadable — so the text colour flips too. */
[data-theme="akanksha"] .bg-indigo-500.text-white,
[data-theme="akanksha"] .bg-indigo-600.text-white,
[data-theme="akanksha"] .bg-indigo-700.text-white {
  background-color: #f6ab26 !important;
  color: #000 !important;
}
[data-theme="akanksha"] .bg-indigo-500.text-white:hover,
[data-theme="akanksha"] .bg-indigo-600.text-white:hover,
[data-theme="akanksha"] .bg-indigo-700.text-white:hover {
  background-color: #ee8821 !important;
  color: #000 !important;
}
[data-theme="akanksha"] :is(.bg-indigo-500, .bg-indigo-600, .bg-indigo-700).text-white :is(.text-white, [class*="text-indigo-"]):not([class*="bg-"]) {
  color: inherit !important;
}