/* ════════════════════════════════════════════════════════════════════════════
   CHERDAGOLD — โหมดสว่าง / มืด (ฝั่งออมทอง + หลังบ้าน)

   ⚠️ ไฟล์นี้ถูก generate — อย่าแก้ตรงนี้
      แก้ที่ tools/build-theme-css.php แล้วรัน: php tools/build-theme-css.php

   ค่าเริ่มต้น (:root) คือโหมดมืด = หน้าตาเดิมก่อนมีสวิตช์นี้
   ถ้าเบราว์เซอร์ปิด JavaScript ก็จะได้โหมดมืดเหมือนเดิมทุกประการ
   ════════════════════════════════════════════════════════════════════════════ */

/* ── โหมดมืด (ค่าตั้งต้น) ─────────────────────────────────────────────────
   ค่าเท่ากับชุดสี zinc ของ Tailwind เป๊ะๆ หน้าเดิมจึงไม่ขยับแม้แต่พิกเซลเดียว */
:root {
    color-scheme: dark;
    --z-50:  250 250 250;
    --z-100: 244 244 245;
    --z-200: 228 228 231;
    --z-300: 212 212 216;
    --z-400: 161 161 170;
    --z-500: 113 113 122;
    --z-600:  82  82  91;
    --z-700:  63  63  70;
    --z-800:  39  39  42;
    --z-900:  24  24  27;
    --z-950:   9   9  11;

    /* พื้นหลังสุดของหน้า — เข้มกว่า zinc-950 นิดหน่อย เป็นสีเดิมของเว็บ */
    --page-bg: #0c0c0e;
    --gold-text: #f0c040;
    --gold-text-rgb: 240 192 64;
    /* สีเตือน/บังคับกรอก ตอนเป็นตัวหนังสือ — ของเดิมคือ red-400 */
    --c-danger: #f87171;
}

/* ── โหมดสว่าง ─────────────────────────────────────────────────────────────
   ไม่ใช่การกลับด้านชุดสีแบบตรงตัว แต่ไล่ตาม "หน้าที่" ของแต่ละเฉด:

     zinc-950 = พื้นหลังหน้า      → เทาอ่อน  (การ์ดสีขาวจะได้ลอยขึ้นมา)
     zinc-900 = การ์ด / เมนูข้าง  → ขาว
     zinc-800 = เส้นขอบ / ปุ่มรอง → เทาอ่อน
     zinc-500 = ตัวหนังสือจาง     → คงเดิม (อ่านออกทั้งสองพื้น)
     zinc-200 = ตัวหนังสือหลัก    → เกือบดำ

   zinc-600 ไม่ได้ใช้ค่าของ zinc-400 ตรงๆ แต่เข้มขึ้นเล็กน้อย เพราะบนพื้นขาว
   เฉดนั้นจางกว่าที่มันจางอยู่บนพื้นดำเดิม (3.2:1 → เหลือ 2.6:1) */
html[data-theme="light"] {
    color-scheme: light;
    --z-50:    9   9  11;
    --z-100:  24  24  27;
    --z-200:  39  39  42;
    --z-300:  63  63  70;
    --z-400:  82  82  91;
    --z-500: 113 113 122;
    --z-600: 143 143 152;
    --z-700: 212 212 216;
    --z-800: 228 228 231;
    --z-900: 255 255 255;
    --z-950: 244 244 245;

    --page-bg: #f4f4f5;
    --gold-text: #8f6200;
    --gold-text-rgb: 143 98 0;
    --c-danger: #b91c1c;
}

/* ── ข้อยกเว้น: ตัวหนังสือเข้มบนพื้นสีเน้น ────────────────────────────────
   bg-gold text-zinc-900 คือปุ่มหลักของทั้งระบบ — zinc-900 ตรงนี้ไม่ได้หมายถึง
   "สีการ์ด" แต่หมายถึง "ตัวหนังสือสีเข้ม" พอโหมดสว่างทำให้ zinc-900 เป็นสีขาว
   ตัวหนังสือบนปุ่มทองจะหายไปทันที จึงต้องตรึงไว้ให้เข้มเหมือนเดิม
   (เฉด zinc อื่นไม่มีปัญหานี้ เพราะใช้เป็นตัวหนังสือบนพื้นมืดล้วน) */
html[data-theme="light"] .text-zinc-900,
html[data-theme="light"] .hover\:text-zinc-900:hover,
html[data-theme="light"] .group:hover .group-hover\:text-zinc-900 { color: #18181b; }
html[data-theme="light"] .text-zinc-950,
html[data-theme="light"] .hover\:text-zinc-950:hover { color: #09090b; }

/* ── โลโก้ ────────────────────────────────────────────────────────────────
   logo-w.png เป็นตัวอักษรสีขาวล้วนบนพื้นใส — พอหัวเว็บเป็นสีขาวก็หายไปเลย
   ไฟล์โลโก้เป็นขาวดำล้วน การกลับสีจึงได้ผลตรงกับ logo.png (ตัวอักษรดำ) พอดี
   วิธีนี้ไม่ต้องใส่ <img> สองอันซ้อนกันทุกที่ และไม่ไปทับ onerror ที่มีอยู่เดิม */
html[data-theme="light"] .cg-logo-on-dark { filter: invert(1); }

/* ── สีทองตอนเป็นตัวหนังสือ ──────────────────────────────────────────────
   bg-gold / border-gold ไม่แตะ — เป็นสีแบรนด์ที่ต้องเหมือนกันทั้งสองโหมด */
html[data-theme="light"] .text-gold,
html[data-theme="light"] .hover\:text-gold:hover,
html[data-theme="light"] .group:hover .group-hover\:text-gold { color: #8f6200; }
html[data-theme="light"] .text-gold\/20 { color: rgb(143 98 0 / .20); }
html[data-theme="light"] .text-gold\/25 { color: rgb(143 98 0 / .25); }
html[data-theme="light"] .text-gold\/30 { color: rgb(143 98 0 / .30); }
html[data-theme="light"] .text-gold\/40 { color: rgb(143 98 0 / .40); }
html[data-theme="light"] .text-gold\/50 { color: rgb(143 98 0 / .50); }
html[data-theme="light"] .text-gold\/60 { color: rgb(143 98 0 / .60); }
html[data-theme="light"] .text-gold\/70 { color: rgb(143 98 0 / .70); }
html[data-theme="light"] .text-gold\/75 { color: rgb(143 98 0 / .75); }
html[data-theme="light"] .text-gold\/80 { color: rgb(143 98 0 / .80); }
html[data-theme="light"] .text-gold\/90 { color: rgb(143 98 0 / .90); }

/* ── ตัวหนังสือสีเน้นเฉดอ่อน (200–500) ───────────────────────────────────
   เฉดพวกนี้ถูกเลือกมาให้สว่างพอบนพื้นดำ พอพื้นเป็นขาวจึงจางเกินไป
   (text-red-400 บนขาว = 2.6:1 ซึ่งต่ำกว่าเกณฑ์ WCAG AA ที่ 4.5:1)
   ไล่ทับไว้ครบทุกตระกูล × ทุกเฉด แม้บางตัวยังไม่ถูกใช้ เพื่อไม่ต้อง
   กลับมา generate ใหม่ทุกครั้งที่มีคนเพิ่มคลาสในหน้าใดหน้าหนึ่ง */
html[data-theme="light"] .text-red-200,
html[data-theme="light"] .hover\:text-red-200:hover,
html[data-theme="light"] .group:hover .group-hover\:text-red-200 { color: #991b1b; }
html[data-theme="light"] .text-red-200\/20 { color: rgb(153 27 27 / .20); }
html[data-theme="light"] .text-red-200\/25 { color: rgb(153 27 27 / .25); }
html[data-theme="light"] .text-red-200\/30 { color: rgb(153 27 27 / .30); }
html[data-theme="light"] .text-red-200\/40 { color: rgb(153 27 27 / .40); }
html[data-theme="light"] .text-red-200\/50 { color: rgb(153 27 27 / .50); }
html[data-theme="light"] .text-red-200\/60 { color: rgb(153 27 27 / .60); }
html[data-theme="light"] .text-red-200\/70 { color: rgb(153 27 27 / .70); }
html[data-theme="light"] .text-red-200\/75 { color: rgb(153 27 27 / .75); }
html[data-theme="light"] .text-red-200\/80 { color: rgb(153 27 27 / .80); }
html[data-theme="light"] .text-red-200\/90 { color: rgb(153 27 27 / .90); }
html[data-theme="light"] .text-red-300,
html[data-theme="light"] .hover\:text-red-300:hover,
html[data-theme="light"] .group:hover .group-hover\:text-red-300 { color: #991b1b; }
html[data-theme="light"] .text-red-300\/20 { color: rgb(153 27 27 / .20); }
html[data-theme="light"] .text-red-300\/25 { color: rgb(153 27 27 / .25); }
html[data-theme="light"] .text-red-300\/30 { color: rgb(153 27 27 / .30); }
html[data-theme="light"] .text-red-300\/40 { color: rgb(153 27 27 / .40); }
html[data-theme="light"] .text-red-300\/50 { color: rgb(153 27 27 / .50); }
html[data-theme="light"] .text-red-300\/60 { color: rgb(153 27 27 / .60); }
html[data-theme="light"] .text-red-300\/70 { color: rgb(153 27 27 / .70); }
html[data-theme="light"] .text-red-300\/75 { color: rgb(153 27 27 / .75); }
html[data-theme="light"] .text-red-300\/80 { color: rgb(153 27 27 / .80); }
html[data-theme="light"] .text-red-300\/90 { color: rgb(153 27 27 / .90); }
html[data-theme="light"] .text-red-400,
html[data-theme="light"] .hover\:text-red-400:hover,
html[data-theme="light"] .group:hover .group-hover\:text-red-400 { color: #b91c1c; }
html[data-theme="light"] .text-red-400\/20 { color: rgb(185 28 28 / .20); }
html[data-theme="light"] .text-red-400\/25 { color: rgb(185 28 28 / .25); }
html[data-theme="light"] .text-red-400\/30 { color: rgb(185 28 28 / .30); }
html[data-theme="light"] .text-red-400\/40 { color: rgb(185 28 28 / .40); }
html[data-theme="light"] .text-red-400\/50 { color: rgb(185 28 28 / .50); }
html[data-theme="light"] .text-red-400\/60 { color: rgb(185 28 28 / .60); }
html[data-theme="light"] .text-red-400\/70 { color: rgb(185 28 28 / .70); }
html[data-theme="light"] .text-red-400\/75 { color: rgb(185 28 28 / .75); }
html[data-theme="light"] .text-red-400\/80 { color: rgb(185 28 28 / .80); }
html[data-theme="light"] .text-red-400\/90 { color: rgb(185 28 28 / .90); }
html[data-theme="light"] .text-red-500,
html[data-theme="light"] .hover\:text-red-500:hover,
html[data-theme="light"] .group:hover .group-hover\:text-red-500 { color: #dc2626; }
html[data-theme="light"] .text-red-500\/20 { color: rgb(220 38 38 / .20); }
html[data-theme="light"] .text-red-500\/25 { color: rgb(220 38 38 / .25); }
html[data-theme="light"] .text-red-500\/30 { color: rgb(220 38 38 / .30); }
html[data-theme="light"] .text-red-500\/40 { color: rgb(220 38 38 / .40); }
html[data-theme="light"] .text-red-500\/50 { color: rgb(220 38 38 / .50); }
html[data-theme="light"] .text-red-500\/60 { color: rgb(220 38 38 / .60); }
html[data-theme="light"] .text-red-500\/70 { color: rgb(220 38 38 / .70); }
html[data-theme="light"] .text-red-500\/75 { color: rgb(220 38 38 / .75); }
html[data-theme="light"] .text-red-500\/80 { color: rgb(220 38 38 / .80); }
html[data-theme="light"] .text-red-500\/90 { color: rgb(220 38 38 / .90); }
html[data-theme="light"] .text-orange-200,
html[data-theme="light"] .hover\:text-orange-200:hover,
html[data-theme="light"] .group:hover .group-hover\:text-orange-200 { color: #9a3412; }
html[data-theme="light"] .text-orange-200\/20 { color: rgb(154 52 18 / .20); }
html[data-theme="light"] .text-orange-200\/25 { color: rgb(154 52 18 / .25); }
html[data-theme="light"] .text-orange-200\/30 { color: rgb(154 52 18 / .30); }
html[data-theme="light"] .text-orange-200\/40 { color: rgb(154 52 18 / .40); }
html[data-theme="light"] .text-orange-200\/50 { color: rgb(154 52 18 / .50); }
html[data-theme="light"] .text-orange-200\/60 { color: rgb(154 52 18 / .60); }
html[data-theme="light"] .text-orange-200\/70 { color: rgb(154 52 18 / .70); }
html[data-theme="light"] .text-orange-200\/75 { color: rgb(154 52 18 / .75); }
html[data-theme="light"] .text-orange-200\/80 { color: rgb(154 52 18 / .80); }
html[data-theme="light"] .text-orange-200\/90 { color: rgb(154 52 18 / .90); }
html[data-theme="light"] .text-orange-300,
html[data-theme="light"] .hover\:text-orange-300:hover,
html[data-theme="light"] .group:hover .group-hover\:text-orange-300 { color: #9a3412; }
html[data-theme="light"] .text-orange-300\/20 { color: rgb(154 52 18 / .20); }
html[data-theme="light"] .text-orange-300\/25 { color: rgb(154 52 18 / .25); }
html[data-theme="light"] .text-orange-300\/30 { color: rgb(154 52 18 / .30); }
html[data-theme="light"] .text-orange-300\/40 { color: rgb(154 52 18 / .40); }
html[data-theme="light"] .text-orange-300\/50 { color: rgb(154 52 18 / .50); }
html[data-theme="light"] .text-orange-300\/60 { color: rgb(154 52 18 / .60); }
html[data-theme="light"] .text-orange-300\/70 { color: rgb(154 52 18 / .70); }
html[data-theme="light"] .text-orange-300\/75 { color: rgb(154 52 18 / .75); }
html[data-theme="light"] .text-orange-300\/80 { color: rgb(154 52 18 / .80); }
html[data-theme="light"] .text-orange-300\/90 { color: rgb(154 52 18 / .90); }
html[data-theme="light"] .text-orange-400,
html[data-theme="light"] .hover\:text-orange-400:hover,
html[data-theme="light"] .group:hover .group-hover\:text-orange-400 { color: #c2410c; }
html[data-theme="light"] .text-orange-400\/20 { color: rgb(194 65 12 / .20); }
html[data-theme="light"] .text-orange-400\/25 { color: rgb(194 65 12 / .25); }
html[data-theme="light"] .text-orange-400\/30 { color: rgb(194 65 12 / .30); }
html[data-theme="light"] .text-orange-400\/40 { color: rgb(194 65 12 / .40); }
html[data-theme="light"] .text-orange-400\/50 { color: rgb(194 65 12 / .50); }
html[data-theme="light"] .text-orange-400\/60 { color: rgb(194 65 12 / .60); }
html[data-theme="light"] .text-orange-400\/70 { color: rgb(194 65 12 / .70); }
html[data-theme="light"] .text-orange-400\/75 { color: rgb(194 65 12 / .75); }
html[data-theme="light"] .text-orange-400\/80 { color: rgb(194 65 12 / .80); }
html[data-theme="light"] .text-orange-400\/90 { color: rgb(194 65 12 / .90); }
html[data-theme="light"] .text-orange-500,
html[data-theme="light"] .hover\:text-orange-500:hover,
html[data-theme="light"] .group:hover .group-hover\:text-orange-500 { color: #ea580c; }
html[data-theme="light"] .text-orange-500\/20 { color: rgb(234 88 12 / .20); }
html[data-theme="light"] .text-orange-500\/25 { color: rgb(234 88 12 / .25); }
html[data-theme="light"] .text-orange-500\/30 { color: rgb(234 88 12 / .30); }
html[data-theme="light"] .text-orange-500\/40 { color: rgb(234 88 12 / .40); }
html[data-theme="light"] .text-orange-500\/50 { color: rgb(234 88 12 / .50); }
html[data-theme="light"] .text-orange-500\/60 { color: rgb(234 88 12 / .60); }
html[data-theme="light"] .text-orange-500\/70 { color: rgb(234 88 12 / .70); }
html[data-theme="light"] .text-orange-500\/75 { color: rgb(234 88 12 / .75); }
html[data-theme="light"] .text-orange-500\/80 { color: rgb(234 88 12 / .80); }
html[data-theme="light"] .text-orange-500\/90 { color: rgb(234 88 12 / .90); }
html[data-theme="light"] .text-amber-200,
html[data-theme="light"] .hover\:text-amber-200:hover,
html[data-theme="light"] .group:hover .group-hover\:text-amber-200 { color: #92400e; }
html[data-theme="light"] .text-amber-200\/20 { color: rgb(146 64 14 / .20); }
html[data-theme="light"] .text-amber-200\/25 { color: rgb(146 64 14 / .25); }
html[data-theme="light"] .text-amber-200\/30 { color: rgb(146 64 14 / .30); }
html[data-theme="light"] .text-amber-200\/40 { color: rgb(146 64 14 / .40); }
html[data-theme="light"] .text-amber-200\/50 { color: rgb(146 64 14 / .50); }
html[data-theme="light"] .text-amber-200\/60 { color: rgb(146 64 14 / .60); }
html[data-theme="light"] .text-amber-200\/70 { color: rgb(146 64 14 / .70); }
html[data-theme="light"] .text-amber-200\/75 { color: rgb(146 64 14 / .75); }
html[data-theme="light"] .text-amber-200\/80 { color: rgb(146 64 14 / .80); }
html[data-theme="light"] .text-amber-200\/90 { color: rgb(146 64 14 / .90); }
html[data-theme="light"] .text-amber-300,
html[data-theme="light"] .hover\:text-amber-300:hover,
html[data-theme="light"] .group:hover .group-hover\:text-amber-300 { color: #92400e; }
html[data-theme="light"] .text-amber-300\/20 { color: rgb(146 64 14 / .20); }
html[data-theme="light"] .text-amber-300\/25 { color: rgb(146 64 14 / .25); }
html[data-theme="light"] .text-amber-300\/30 { color: rgb(146 64 14 / .30); }
html[data-theme="light"] .text-amber-300\/40 { color: rgb(146 64 14 / .40); }
html[data-theme="light"] .text-amber-300\/50 { color: rgb(146 64 14 / .50); }
html[data-theme="light"] .text-amber-300\/60 { color: rgb(146 64 14 / .60); }
html[data-theme="light"] .text-amber-300\/70 { color: rgb(146 64 14 / .70); }
html[data-theme="light"] .text-amber-300\/75 { color: rgb(146 64 14 / .75); }
html[data-theme="light"] .text-amber-300\/80 { color: rgb(146 64 14 / .80); }
html[data-theme="light"] .text-amber-300\/90 { color: rgb(146 64 14 / .90); }
html[data-theme="light"] .text-amber-400,
html[data-theme="light"] .hover\:text-amber-400:hover,
html[data-theme="light"] .group:hover .group-hover\:text-amber-400 { color: #b45309; }
html[data-theme="light"] .text-amber-400\/20 { color: rgb(180 83 9 / .20); }
html[data-theme="light"] .text-amber-400\/25 { color: rgb(180 83 9 / .25); }
html[data-theme="light"] .text-amber-400\/30 { color: rgb(180 83 9 / .30); }
html[data-theme="light"] .text-amber-400\/40 { color: rgb(180 83 9 / .40); }
html[data-theme="light"] .text-amber-400\/50 { color: rgb(180 83 9 / .50); }
html[data-theme="light"] .text-amber-400\/60 { color: rgb(180 83 9 / .60); }
html[data-theme="light"] .text-amber-400\/70 { color: rgb(180 83 9 / .70); }
html[data-theme="light"] .text-amber-400\/75 { color: rgb(180 83 9 / .75); }
html[data-theme="light"] .text-amber-400\/80 { color: rgb(180 83 9 / .80); }
html[data-theme="light"] .text-amber-400\/90 { color: rgb(180 83 9 / .90); }
html[data-theme="light"] .text-amber-500,
html[data-theme="light"] .hover\:text-amber-500:hover,
html[data-theme="light"] .group:hover .group-hover\:text-amber-500 { color: #d97706; }
html[data-theme="light"] .text-amber-500\/20 { color: rgb(217 119 6 / .20); }
html[data-theme="light"] .text-amber-500\/25 { color: rgb(217 119 6 / .25); }
html[data-theme="light"] .text-amber-500\/30 { color: rgb(217 119 6 / .30); }
html[data-theme="light"] .text-amber-500\/40 { color: rgb(217 119 6 / .40); }
html[data-theme="light"] .text-amber-500\/50 { color: rgb(217 119 6 / .50); }
html[data-theme="light"] .text-amber-500\/60 { color: rgb(217 119 6 / .60); }
html[data-theme="light"] .text-amber-500\/70 { color: rgb(217 119 6 / .70); }
html[data-theme="light"] .text-amber-500\/75 { color: rgb(217 119 6 / .75); }
html[data-theme="light"] .text-amber-500\/80 { color: rgb(217 119 6 / .80); }
html[data-theme="light"] .text-amber-500\/90 { color: rgb(217 119 6 / .90); }
html[data-theme="light"] .text-yellow-200,
html[data-theme="light"] .hover\:text-yellow-200:hover,
html[data-theme="light"] .group:hover .group-hover\:text-yellow-200 { color: #854d0e; }
html[data-theme="light"] .text-yellow-200\/20 { color: rgb(133 77 14 / .20); }
html[data-theme="light"] .text-yellow-200\/25 { color: rgb(133 77 14 / .25); }
html[data-theme="light"] .text-yellow-200\/30 { color: rgb(133 77 14 / .30); }
html[data-theme="light"] .text-yellow-200\/40 { color: rgb(133 77 14 / .40); }
html[data-theme="light"] .text-yellow-200\/50 { color: rgb(133 77 14 / .50); }
html[data-theme="light"] .text-yellow-200\/60 { color: rgb(133 77 14 / .60); }
html[data-theme="light"] .text-yellow-200\/70 { color: rgb(133 77 14 / .70); }
html[data-theme="light"] .text-yellow-200\/75 { color: rgb(133 77 14 / .75); }
html[data-theme="light"] .text-yellow-200\/80 { color: rgb(133 77 14 / .80); }
html[data-theme="light"] .text-yellow-200\/90 { color: rgb(133 77 14 / .90); }
html[data-theme="light"] .text-yellow-300,
html[data-theme="light"] .hover\:text-yellow-300:hover,
html[data-theme="light"] .group:hover .group-hover\:text-yellow-300 { color: #854d0e; }
html[data-theme="light"] .text-yellow-300\/20 { color: rgb(133 77 14 / .20); }
html[data-theme="light"] .text-yellow-300\/25 { color: rgb(133 77 14 / .25); }
html[data-theme="light"] .text-yellow-300\/30 { color: rgb(133 77 14 / .30); }
html[data-theme="light"] .text-yellow-300\/40 { color: rgb(133 77 14 / .40); }
html[data-theme="light"] .text-yellow-300\/50 { color: rgb(133 77 14 / .50); }
html[data-theme="light"] .text-yellow-300\/60 { color: rgb(133 77 14 / .60); }
html[data-theme="light"] .text-yellow-300\/70 { color: rgb(133 77 14 / .70); }
html[data-theme="light"] .text-yellow-300\/75 { color: rgb(133 77 14 / .75); }
html[data-theme="light"] .text-yellow-300\/80 { color: rgb(133 77 14 / .80); }
html[data-theme="light"] .text-yellow-300\/90 { color: rgb(133 77 14 / .90); }
html[data-theme="light"] .text-yellow-400,
html[data-theme="light"] .hover\:text-yellow-400:hover,
html[data-theme="light"] .group:hover .group-hover\:text-yellow-400 { color: #a16207; }
html[data-theme="light"] .text-yellow-400\/20 { color: rgb(161 98 7 / .20); }
html[data-theme="light"] .text-yellow-400\/25 { color: rgb(161 98 7 / .25); }
html[data-theme="light"] .text-yellow-400\/30 { color: rgb(161 98 7 / .30); }
html[data-theme="light"] .text-yellow-400\/40 { color: rgb(161 98 7 / .40); }
html[data-theme="light"] .text-yellow-400\/50 { color: rgb(161 98 7 / .50); }
html[data-theme="light"] .text-yellow-400\/60 { color: rgb(161 98 7 / .60); }
html[data-theme="light"] .text-yellow-400\/70 { color: rgb(161 98 7 / .70); }
html[data-theme="light"] .text-yellow-400\/75 { color: rgb(161 98 7 / .75); }
html[data-theme="light"] .text-yellow-400\/80 { color: rgb(161 98 7 / .80); }
html[data-theme="light"] .text-yellow-400\/90 { color: rgb(161 98 7 / .90); }
html[data-theme="light"] .text-yellow-500,
html[data-theme="light"] .hover\:text-yellow-500:hover,
html[data-theme="light"] .group:hover .group-hover\:text-yellow-500 { color: #ca8a04; }
html[data-theme="light"] .text-yellow-500\/20 { color: rgb(202 138 4 / .20); }
html[data-theme="light"] .text-yellow-500\/25 { color: rgb(202 138 4 / .25); }
html[data-theme="light"] .text-yellow-500\/30 { color: rgb(202 138 4 / .30); }
html[data-theme="light"] .text-yellow-500\/40 { color: rgb(202 138 4 / .40); }
html[data-theme="light"] .text-yellow-500\/50 { color: rgb(202 138 4 / .50); }
html[data-theme="light"] .text-yellow-500\/60 { color: rgb(202 138 4 / .60); }
html[data-theme="light"] .text-yellow-500\/70 { color: rgb(202 138 4 / .70); }
html[data-theme="light"] .text-yellow-500\/75 { color: rgb(202 138 4 / .75); }
html[data-theme="light"] .text-yellow-500\/80 { color: rgb(202 138 4 / .80); }
html[data-theme="light"] .text-yellow-500\/90 { color: rgb(202 138 4 / .90); }
html[data-theme="light"] .text-lime-200,
html[data-theme="light"] .hover\:text-lime-200:hover,
html[data-theme="light"] .group:hover .group-hover\:text-lime-200 { color: #3f6212; }
html[data-theme="light"] .text-lime-200\/20 { color: rgb(63 98 18 / .20); }
html[data-theme="light"] .text-lime-200\/25 { color: rgb(63 98 18 / .25); }
html[data-theme="light"] .text-lime-200\/30 { color: rgb(63 98 18 / .30); }
html[data-theme="light"] .text-lime-200\/40 { color: rgb(63 98 18 / .40); }
html[data-theme="light"] .text-lime-200\/50 { color: rgb(63 98 18 / .50); }
html[data-theme="light"] .text-lime-200\/60 { color: rgb(63 98 18 / .60); }
html[data-theme="light"] .text-lime-200\/70 { color: rgb(63 98 18 / .70); }
html[data-theme="light"] .text-lime-200\/75 { color: rgb(63 98 18 / .75); }
html[data-theme="light"] .text-lime-200\/80 { color: rgb(63 98 18 / .80); }
html[data-theme="light"] .text-lime-200\/90 { color: rgb(63 98 18 / .90); }
html[data-theme="light"] .text-lime-300,
html[data-theme="light"] .hover\:text-lime-300:hover,
html[data-theme="light"] .group:hover .group-hover\:text-lime-300 { color: #3f6212; }
html[data-theme="light"] .text-lime-300\/20 { color: rgb(63 98 18 / .20); }
html[data-theme="light"] .text-lime-300\/25 { color: rgb(63 98 18 / .25); }
html[data-theme="light"] .text-lime-300\/30 { color: rgb(63 98 18 / .30); }
html[data-theme="light"] .text-lime-300\/40 { color: rgb(63 98 18 / .40); }
html[data-theme="light"] .text-lime-300\/50 { color: rgb(63 98 18 / .50); }
html[data-theme="light"] .text-lime-300\/60 { color: rgb(63 98 18 / .60); }
html[data-theme="light"] .text-lime-300\/70 { color: rgb(63 98 18 / .70); }
html[data-theme="light"] .text-lime-300\/75 { color: rgb(63 98 18 / .75); }
html[data-theme="light"] .text-lime-300\/80 { color: rgb(63 98 18 / .80); }
html[data-theme="light"] .text-lime-300\/90 { color: rgb(63 98 18 / .90); }
html[data-theme="light"] .text-lime-400,
html[data-theme="light"] .hover\:text-lime-400:hover,
html[data-theme="light"] .group:hover .group-hover\:text-lime-400 { color: #4d7c0f; }
html[data-theme="light"] .text-lime-400\/20 { color: rgb(77 124 15 / .20); }
html[data-theme="light"] .text-lime-400\/25 { color: rgb(77 124 15 / .25); }
html[data-theme="light"] .text-lime-400\/30 { color: rgb(77 124 15 / .30); }
html[data-theme="light"] .text-lime-400\/40 { color: rgb(77 124 15 / .40); }
html[data-theme="light"] .text-lime-400\/50 { color: rgb(77 124 15 / .50); }
html[data-theme="light"] .text-lime-400\/60 { color: rgb(77 124 15 / .60); }
html[data-theme="light"] .text-lime-400\/70 { color: rgb(77 124 15 / .70); }
html[data-theme="light"] .text-lime-400\/75 { color: rgb(77 124 15 / .75); }
html[data-theme="light"] .text-lime-400\/80 { color: rgb(77 124 15 / .80); }
html[data-theme="light"] .text-lime-400\/90 { color: rgb(77 124 15 / .90); }
html[data-theme="light"] .text-lime-500,
html[data-theme="light"] .hover\:text-lime-500:hover,
html[data-theme="light"] .group:hover .group-hover\:text-lime-500 { color: #65a30d; }
html[data-theme="light"] .text-lime-500\/20 { color: rgb(101 163 13 / .20); }
html[data-theme="light"] .text-lime-500\/25 { color: rgb(101 163 13 / .25); }
html[data-theme="light"] .text-lime-500\/30 { color: rgb(101 163 13 / .30); }
html[data-theme="light"] .text-lime-500\/40 { color: rgb(101 163 13 / .40); }
html[data-theme="light"] .text-lime-500\/50 { color: rgb(101 163 13 / .50); }
html[data-theme="light"] .text-lime-500\/60 { color: rgb(101 163 13 / .60); }
html[data-theme="light"] .text-lime-500\/70 { color: rgb(101 163 13 / .70); }
html[data-theme="light"] .text-lime-500\/75 { color: rgb(101 163 13 / .75); }
html[data-theme="light"] .text-lime-500\/80 { color: rgb(101 163 13 / .80); }
html[data-theme="light"] .text-lime-500\/90 { color: rgb(101 163 13 / .90); }
html[data-theme="light"] .text-green-200,
html[data-theme="light"] .hover\:text-green-200:hover,
html[data-theme="light"] .group:hover .group-hover\:text-green-200 { color: #166534; }
html[data-theme="light"] .text-green-200\/20 { color: rgb(22 101 52 / .20); }
html[data-theme="light"] .text-green-200\/25 { color: rgb(22 101 52 / .25); }
html[data-theme="light"] .text-green-200\/30 { color: rgb(22 101 52 / .30); }
html[data-theme="light"] .text-green-200\/40 { color: rgb(22 101 52 / .40); }
html[data-theme="light"] .text-green-200\/50 { color: rgb(22 101 52 / .50); }
html[data-theme="light"] .text-green-200\/60 { color: rgb(22 101 52 / .60); }
html[data-theme="light"] .text-green-200\/70 { color: rgb(22 101 52 / .70); }
html[data-theme="light"] .text-green-200\/75 { color: rgb(22 101 52 / .75); }
html[data-theme="light"] .text-green-200\/80 { color: rgb(22 101 52 / .80); }
html[data-theme="light"] .text-green-200\/90 { color: rgb(22 101 52 / .90); }
html[data-theme="light"] .text-green-300,
html[data-theme="light"] .hover\:text-green-300:hover,
html[data-theme="light"] .group:hover .group-hover\:text-green-300 { color: #166534; }
html[data-theme="light"] .text-green-300\/20 { color: rgb(22 101 52 / .20); }
html[data-theme="light"] .text-green-300\/25 { color: rgb(22 101 52 / .25); }
html[data-theme="light"] .text-green-300\/30 { color: rgb(22 101 52 / .30); }
html[data-theme="light"] .text-green-300\/40 { color: rgb(22 101 52 / .40); }
html[data-theme="light"] .text-green-300\/50 { color: rgb(22 101 52 / .50); }
html[data-theme="light"] .text-green-300\/60 { color: rgb(22 101 52 / .60); }
html[data-theme="light"] .text-green-300\/70 { color: rgb(22 101 52 / .70); }
html[data-theme="light"] .text-green-300\/75 { color: rgb(22 101 52 / .75); }
html[data-theme="light"] .text-green-300\/80 { color: rgb(22 101 52 / .80); }
html[data-theme="light"] .text-green-300\/90 { color: rgb(22 101 52 / .90); }
html[data-theme="light"] .text-green-400,
html[data-theme="light"] .hover\:text-green-400:hover,
html[data-theme="light"] .group:hover .group-hover\:text-green-400 { color: #15803d; }
html[data-theme="light"] .text-green-400\/20 { color: rgb(21 128 61 / .20); }
html[data-theme="light"] .text-green-400\/25 { color: rgb(21 128 61 / .25); }
html[data-theme="light"] .text-green-400\/30 { color: rgb(21 128 61 / .30); }
html[data-theme="light"] .text-green-400\/40 { color: rgb(21 128 61 / .40); }
html[data-theme="light"] .text-green-400\/50 { color: rgb(21 128 61 / .50); }
html[data-theme="light"] .text-green-400\/60 { color: rgb(21 128 61 / .60); }
html[data-theme="light"] .text-green-400\/70 { color: rgb(21 128 61 / .70); }
html[data-theme="light"] .text-green-400\/75 { color: rgb(21 128 61 / .75); }
html[data-theme="light"] .text-green-400\/80 { color: rgb(21 128 61 / .80); }
html[data-theme="light"] .text-green-400\/90 { color: rgb(21 128 61 / .90); }
html[data-theme="light"] .text-green-500,
html[data-theme="light"] .hover\:text-green-500:hover,
html[data-theme="light"] .group:hover .group-hover\:text-green-500 { color: #16a34a; }
html[data-theme="light"] .text-green-500\/20 { color: rgb(22 163 74 / .20); }
html[data-theme="light"] .text-green-500\/25 { color: rgb(22 163 74 / .25); }
html[data-theme="light"] .text-green-500\/30 { color: rgb(22 163 74 / .30); }
html[data-theme="light"] .text-green-500\/40 { color: rgb(22 163 74 / .40); }
html[data-theme="light"] .text-green-500\/50 { color: rgb(22 163 74 / .50); }
html[data-theme="light"] .text-green-500\/60 { color: rgb(22 163 74 / .60); }
html[data-theme="light"] .text-green-500\/70 { color: rgb(22 163 74 / .70); }
html[data-theme="light"] .text-green-500\/75 { color: rgb(22 163 74 / .75); }
html[data-theme="light"] .text-green-500\/80 { color: rgb(22 163 74 / .80); }
html[data-theme="light"] .text-green-500\/90 { color: rgb(22 163 74 / .90); }
html[data-theme="light"] .text-emerald-200,
html[data-theme="light"] .hover\:text-emerald-200:hover,
html[data-theme="light"] .group:hover .group-hover\:text-emerald-200 { color: #065f46; }
html[data-theme="light"] .text-emerald-200\/20 { color: rgb(6 95 70 / .20); }
html[data-theme="light"] .text-emerald-200\/25 { color: rgb(6 95 70 / .25); }
html[data-theme="light"] .text-emerald-200\/30 { color: rgb(6 95 70 / .30); }
html[data-theme="light"] .text-emerald-200\/40 { color: rgb(6 95 70 / .40); }
html[data-theme="light"] .text-emerald-200\/50 { color: rgb(6 95 70 / .50); }
html[data-theme="light"] .text-emerald-200\/60 { color: rgb(6 95 70 / .60); }
html[data-theme="light"] .text-emerald-200\/70 { color: rgb(6 95 70 / .70); }
html[data-theme="light"] .text-emerald-200\/75 { color: rgb(6 95 70 / .75); }
html[data-theme="light"] .text-emerald-200\/80 { color: rgb(6 95 70 / .80); }
html[data-theme="light"] .text-emerald-200\/90 { color: rgb(6 95 70 / .90); }
html[data-theme="light"] .text-emerald-300,
html[data-theme="light"] .hover\:text-emerald-300:hover,
html[data-theme="light"] .group:hover .group-hover\:text-emerald-300 { color: #065f46; }
html[data-theme="light"] .text-emerald-300\/20 { color: rgb(6 95 70 / .20); }
html[data-theme="light"] .text-emerald-300\/25 { color: rgb(6 95 70 / .25); }
html[data-theme="light"] .text-emerald-300\/30 { color: rgb(6 95 70 / .30); }
html[data-theme="light"] .text-emerald-300\/40 { color: rgb(6 95 70 / .40); }
html[data-theme="light"] .text-emerald-300\/50 { color: rgb(6 95 70 / .50); }
html[data-theme="light"] .text-emerald-300\/60 { color: rgb(6 95 70 / .60); }
html[data-theme="light"] .text-emerald-300\/70 { color: rgb(6 95 70 / .70); }
html[data-theme="light"] .text-emerald-300\/75 { color: rgb(6 95 70 / .75); }
html[data-theme="light"] .text-emerald-300\/80 { color: rgb(6 95 70 / .80); }
html[data-theme="light"] .text-emerald-300\/90 { color: rgb(6 95 70 / .90); }
html[data-theme="light"] .text-emerald-400,
html[data-theme="light"] .hover\:text-emerald-400:hover,
html[data-theme="light"] .group:hover .group-hover\:text-emerald-400 { color: #047857; }
html[data-theme="light"] .text-emerald-400\/20 { color: rgb(4 120 87 / .20); }
html[data-theme="light"] .text-emerald-400\/25 { color: rgb(4 120 87 / .25); }
html[data-theme="light"] .text-emerald-400\/30 { color: rgb(4 120 87 / .30); }
html[data-theme="light"] .text-emerald-400\/40 { color: rgb(4 120 87 / .40); }
html[data-theme="light"] .text-emerald-400\/50 { color: rgb(4 120 87 / .50); }
html[data-theme="light"] .text-emerald-400\/60 { color: rgb(4 120 87 / .60); }
html[data-theme="light"] .text-emerald-400\/70 { color: rgb(4 120 87 / .70); }
html[data-theme="light"] .text-emerald-400\/75 { color: rgb(4 120 87 / .75); }
html[data-theme="light"] .text-emerald-400\/80 { color: rgb(4 120 87 / .80); }
html[data-theme="light"] .text-emerald-400\/90 { color: rgb(4 120 87 / .90); }
html[data-theme="light"] .text-emerald-500,
html[data-theme="light"] .hover\:text-emerald-500:hover,
html[data-theme="light"] .group:hover .group-hover\:text-emerald-500 { color: #059669; }
html[data-theme="light"] .text-emerald-500\/20 { color: rgb(5 150 105 / .20); }
html[data-theme="light"] .text-emerald-500\/25 { color: rgb(5 150 105 / .25); }
html[data-theme="light"] .text-emerald-500\/30 { color: rgb(5 150 105 / .30); }
html[data-theme="light"] .text-emerald-500\/40 { color: rgb(5 150 105 / .40); }
html[data-theme="light"] .text-emerald-500\/50 { color: rgb(5 150 105 / .50); }
html[data-theme="light"] .text-emerald-500\/60 { color: rgb(5 150 105 / .60); }
html[data-theme="light"] .text-emerald-500\/70 { color: rgb(5 150 105 / .70); }
html[data-theme="light"] .text-emerald-500\/75 { color: rgb(5 150 105 / .75); }
html[data-theme="light"] .text-emerald-500\/80 { color: rgb(5 150 105 / .80); }
html[data-theme="light"] .text-emerald-500\/90 { color: rgb(5 150 105 / .90); }
html[data-theme="light"] .text-teal-200,
html[data-theme="light"] .hover\:text-teal-200:hover,
html[data-theme="light"] .group:hover .group-hover\:text-teal-200 { color: #115e59; }
html[data-theme="light"] .text-teal-200\/20 { color: rgb(17 94 89 / .20); }
html[data-theme="light"] .text-teal-200\/25 { color: rgb(17 94 89 / .25); }
html[data-theme="light"] .text-teal-200\/30 { color: rgb(17 94 89 / .30); }
html[data-theme="light"] .text-teal-200\/40 { color: rgb(17 94 89 / .40); }
html[data-theme="light"] .text-teal-200\/50 { color: rgb(17 94 89 / .50); }
html[data-theme="light"] .text-teal-200\/60 { color: rgb(17 94 89 / .60); }
html[data-theme="light"] .text-teal-200\/70 { color: rgb(17 94 89 / .70); }
html[data-theme="light"] .text-teal-200\/75 { color: rgb(17 94 89 / .75); }
html[data-theme="light"] .text-teal-200\/80 { color: rgb(17 94 89 / .80); }
html[data-theme="light"] .text-teal-200\/90 { color: rgb(17 94 89 / .90); }
html[data-theme="light"] .text-teal-300,
html[data-theme="light"] .hover\:text-teal-300:hover,
html[data-theme="light"] .group:hover .group-hover\:text-teal-300 { color: #115e59; }
html[data-theme="light"] .text-teal-300\/20 { color: rgb(17 94 89 / .20); }
html[data-theme="light"] .text-teal-300\/25 { color: rgb(17 94 89 / .25); }
html[data-theme="light"] .text-teal-300\/30 { color: rgb(17 94 89 / .30); }
html[data-theme="light"] .text-teal-300\/40 { color: rgb(17 94 89 / .40); }
html[data-theme="light"] .text-teal-300\/50 { color: rgb(17 94 89 / .50); }
html[data-theme="light"] .text-teal-300\/60 { color: rgb(17 94 89 / .60); }
html[data-theme="light"] .text-teal-300\/70 { color: rgb(17 94 89 / .70); }
html[data-theme="light"] .text-teal-300\/75 { color: rgb(17 94 89 / .75); }
html[data-theme="light"] .text-teal-300\/80 { color: rgb(17 94 89 / .80); }
html[data-theme="light"] .text-teal-300\/90 { color: rgb(17 94 89 / .90); }
html[data-theme="light"] .text-teal-400,
html[data-theme="light"] .hover\:text-teal-400:hover,
html[data-theme="light"] .group:hover .group-hover\:text-teal-400 { color: #0f766e; }
html[data-theme="light"] .text-teal-400\/20 { color: rgb(15 118 110 / .20); }
html[data-theme="light"] .text-teal-400\/25 { color: rgb(15 118 110 / .25); }
html[data-theme="light"] .text-teal-400\/30 { color: rgb(15 118 110 / .30); }
html[data-theme="light"] .text-teal-400\/40 { color: rgb(15 118 110 / .40); }
html[data-theme="light"] .text-teal-400\/50 { color: rgb(15 118 110 / .50); }
html[data-theme="light"] .text-teal-400\/60 { color: rgb(15 118 110 / .60); }
html[data-theme="light"] .text-teal-400\/70 { color: rgb(15 118 110 / .70); }
html[data-theme="light"] .text-teal-400\/75 { color: rgb(15 118 110 / .75); }
html[data-theme="light"] .text-teal-400\/80 { color: rgb(15 118 110 / .80); }
html[data-theme="light"] .text-teal-400\/90 { color: rgb(15 118 110 / .90); }
html[data-theme="light"] .text-teal-500,
html[data-theme="light"] .hover\:text-teal-500:hover,
html[data-theme="light"] .group:hover .group-hover\:text-teal-500 { color: #0d9488; }
html[data-theme="light"] .text-teal-500\/20 { color: rgb(13 148 136 / .20); }
html[data-theme="light"] .text-teal-500\/25 { color: rgb(13 148 136 / .25); }
html[data-theme="light"] .text-teal-500\/30 { color: rgb(13 148 136 / .30); }
html[data-theme="light"] .text-teal-500\/40 { color: rgb(13 148 136 / .40); }
html[data-theme="light"] .text-teal-500\/50 { color: rgb(13 148 136 / .50); }
html[data-theme="light"] .text-teal-500\/60 { color: rgb(13 148 136 / .60); }
html[data-theme="light"] .text-teal-500\/70 { color: rgb(13 148 136 / .70); }
html[data-theme="light"] .text-teal-500\/75 { color: rgb(13 148 136 / .75); }
html[data-theme="light"] .text-teal-500\/80 { color: rgb(13 148 136 / .80); }
html[data-theme="light"] .text-teal-500\/90 { color: rgb(13 148 136 / .90); }
html[data-theme="light"] .text-cyan-200,
html[data-theme="light"] .hover\:text-cyan-200:hover,
html[data-theme="light"] .group:hover .group-hover\:text-cyan-200 { color: #155e75; }
html[data-theme="light"] .text-cyan-200\/20 { color: rgb(21 94 117 / .20); }
html[data-theme="light"] .text-cyan-200\/25 { color: rgb(21 94 117 / .25); }
html[data-theme="light"] .text-cyan-200\/30 { color: rgb(21 94 117 / .30); }
html[data-theme="light"] .text-cyan-200\/40 { color: rgb(21 94 117 / .40); }
html[data-theme="light"] .text-cyan-200\/50 { color: rgb(21 94 117 / .50); }
html[data-theme="light"] .text-cyan-200\/60 { color: rgb(21 94 117 / .60); }
html[data-theme="light"] .text-cyan-200\/70 { color: rgb(21 94 117 / .70); }
html[data-theme="light"] .text-cyan-200\/75 { color: rgb(21 94 117 / .75); }
html[data-theme="light"] .text-cyan-200\/80 { color: rgb(21 94 117 / .80); }
html[data-theme="light"] .text-cyan-200\/90 { color: rgb(21 94 117 / .90); }
html[data-theme="light"] .text-cyan-300,
html[data-theme="light"] .hover\:text-cyan-300:hover,
html[data-theme="light"] .group:hover .group-hover\:text-cyan-300 { color: #155e75; }
html[data-theme="light"] .text-cyan-300\/20 { color: rgb(21 94 117 / .20); }
html[data-theme="light"] .text-cyan-300\/25 { color: rgb(21 94 117 / .25); }
html[data-theme="light"] .text-cyan-300\/30 { color: rgb(21 94 117 / .30); }
html[data-theme="light"] .text-cyan-300\/40 { color: rgb(21 94 117 / .40); }
html[data-theme="light"] .text-cyan-300\/50 { color: rgb(21 94 117 / .50); }
html[data-theme="light"] .text-cyan-300\/60 { color: rgb(21 94 117 / .60); }
html[data-theme="light"] .text-cyan-300\/70 { color: rgb(21 94 117 / .70); }
html[data-theme="light"] .text-cyan-300\/75 { color: rgb(21 94 117 / .75); }
html[data-theme="light"] .text-cyan-300\/80 { color: rgb(21 94 117 / .80); }
html[data-theme="light"] .text-cyan-300\/90 { color: rgb(21 94 117 / .90); }
html[data-theme="light"] .text-cyan-400,
html[data-theme="light"] .hover\:text-cyan-400:hover,
html[data-theme="light"] .group:hover .group-hover\:text-cyan-400 { color: #0e7490; }
html[data-theme="light"] .text-cyan-400\/20 { color: rgb(14 116 144 / .20); }
html[data-theme="light"] .text-cyan-400\/25 { color: rgb(14 116 144 / .25); }
html[data-theme="light"] .text-cyan-400\/30 { color: rgb(14 116 144 / .30); }
html[data-theme="light"] .text-cyan-400\/40 { color: rgb(14 116 144 / .40); }
html[data-theme="light"] .text-cyan-400\/50 { color: rgb(14 116 144 / .50); }
html[data-theme="light"] .text-cyan-400\/60 { color: rgb(14 116 144 / .60); }
html[data-theme="light"] .text-cyan-400\/70 { color: rgb(14 116 144 / .70); }
html[data-theme="light"] .text-cyan-400\/75 { color: rgb(14 116 144 / .75); }
html[data-theme="light"] .text-cyan-400\/80 { color: rgb(14 116 144 / .80); }
html[data-theme="light"] .text-cyan-400\/90 { color: rgb(14 116 144 / .90); }
html[data-theme="light"] .text-cyan-500,
html[data-theme="light"] .hover\:text-cyan-500:hover,
html[data-theme="light"] .group:hover .group-hover\:text-cyan-500 { color: #0891b2; }
html[data-theme="light"] .text-cyan-500\/20 { color: rgb(8 145 178 / .20); }
html[data-theme="light"] .text-cyan-500\/25 { color: rgb(8 145 178 / .25); }
html[data-theme="light"] .text-cyan-500\/30 { color: rgb(8 145 178 / .30); }
html[data-theme="light"] .text-cyan-500\/40 { color: rgb(8 145 178 / .40); }
html[data-theme="light"] .text-cyan-500\/50 { color: rgb(8 145 178 / .50); }
html[data-theme="light"] .text-cyan-500\/60 { color: rgb(8 145 178 / .60); }
html[data-theme="light"] .text-cyan-500\/70 { color: rgb(8 145 178 / .70); }
html[data-theme="light"] .text-cyan-500\/75 { color: rgb(8 145 178 / .75); }
html[data-theme="light"] .text-cyan-500\/80 { color: rgb(8 145 178 / .80); }
html[data-theme="light"] .text-cyan-500\/90 { color: rgb(8 145 178 / .90); }
html[data-theme="light"] .text-sky-200,
html[data-theme="light"] .hover\:text-sky-200:hover,
html[data-theme="light"] .group:hover .group-hover\:text-sky-200 { color: #075985; }
html[data-theme="light"] .text-sky-200\/20 { color: rgb(7 89 133 / .20); }
html[data-theme="light"] .text-sky-200\/25 { color: rgb(7 89 133 / .25); }
html[data-theme="light"] .text-sky-200\/30 { color: rgb(7 89 133 / .30); }
html[data-theme="light"] .text-sky-200\/40 { color: rgb(7 89 133 / .40); }
html[data-theme="light"] .text-sky-200\/50 { color: rgb(7 89 133 / .50); }
html[data-theme="light"] .text-sky-200\/60 { color: rgb(7 89 133 / .60); }
html[data-theme="light"] .text-sky-200\/70 { color: rgb(7 89 133 / .70); }
html[data-theme="light"] .text-sky-200\/75 { color: rgb(7 89 133 / .75); }
html[data-theme="light"] .text-sky-200\/80 { color: rgb(7 89 133 / .80); }
html[data-theme="light"] .text-sky-200\/90 { color: rgb(7 89 133 / .90); }
html[data-theme="light"] .text-sky-300,
html[data-theme="light"] .hover\:text-sky-300:hover,
html[data-theme="light"] .group:hover .group-hover\:text-sky-300 { color: #075985; }
html[data-theme="light"] .text-sky-300\/20 { color: rgb(7 89 133 / .20); }
html[data-theme="light"] .text-sky-300\/25 { color: rgb(7 89 133 / .25); }
html[data-theme="light"] .text-sky-300\/30 { color: rgb(7 89 133 / .30); }
html[data-theme="light"] .text-sky-300\/40 { color: rgb(7 89 133 / .40); }
html[data-theme="light"] .text-sky-300\/50 { color: rgb(7 89 133 / .50); }
html[data-theme="light"] .text-sky-300\/60 { color: rgb(7 89 133 / .60); }
html[data-theme="light"] .text-sky-300\/70 { color: rgb(7 89 133 / .70); }
html[data-theme="light"] .text-sky-300\/75 { color: rgb(7 89 133 / .75); }
html[data-theme="light"] .text-sky-300\/80 { color: rgb(7 89 133 / .80); }
html[data-theme="light"] .text-sky-300\/90 { color: rgb(7 89 133 / .90); }
html[data-theme="light"] .text-sky-400,
html[data-theme="light"] .hover\:text-sky-400:hover,
html[data-theme="light"] .group:hover .group-hover\:text-sky-400 { color: #0369a1; }
html[data-theme="light"] .text-sky-400\/20 { color: rgb(3 105 161 / .20); }
html[data-theme="light"] .text-sky-400\/25 { color: rgb(3 105 161 / .25); }
html[data-theme="light"] .text-sky-400\/30 { color: rgb(3 105 161 / .30); }
html[data-theme="light"] .text-sky-400\/40 { color: rgb(3 105 161 / .40); }
html[data-theme="light"] .text-sky-400\/50 { color: rgb(3 105 161 / .50); }
html[data-theme="light"] .text-sky-400\/60 { color: rgb(3 105 161 / .60); }
html[data-theme="light"] .text-sky-400\/70 { color: rgb(3 105 161 / .70); }
html[data-theme="light"] .text-sky-400\/75 { color: rgb(3 105 161 / .75); }
html[data-theme="light"] .text-sky-400\/80 { color: rgb(3 105 161 / .80); }
html[data-theme="light"] .text-sky-400\/90 { color: rgb(3 105 161 / .90); }
html[data-theme="light"] .text-sky-500,
html[data-theme="light"] .hover\:text-sky-500:hover,
html[data-theme="light"] .group:hover .group-hover\:text-sky-500 { color: #0284c7; }
html[data-theme="light"] .text-sky-500\/20 { color: rgb(2 132 199 / .20); }
html[data-theme="light"] .text-sky-500\/25 { color: rgb(2 132 199 / .25); }
html[data-theme="light"] .text-sky-500\/30 { color: rgb(2 132 199 / .30); }
html[data-theme="light"] .text-sky-500\/40 { color: rgb(2 132 199 / .40); }
html[data-theme="light"] .text-sky-500\/50 { color: rgb(2 132 199 / .50); }
html[data-theme="light"] .text-sky-500\/60 { color: rgb(2 132 199 / .60); }
html[data-theme="light"] .text-sky-500\/70 { color: rgb(2 132 199 / .70); }
html[data-theme="light"] .text-sky-500\/75 { color: rgb(2 132 199 / .75); }
html[data-theme="light"] .text-sky-500\/80 { color: rgb(2 132 199 / .80); }
html[data-theme="light"] .text-sky-500\/90 { color: rgb(2 132 199 / .90); }
html[data-theme="light"] .text-blue-200,
html[data-theme="light"] .hover\:text-blue-200:hover,
html[data-theme="light"] .group:hover .group-hover\:text-blue-200 { color: #1e40af; }
html[data-theme="light"] .text-blue-200\/20 { color: rgb(30 64 175 / .20); }
html[data-theme="light"] .text-blue-200\/25 { color: rgb(30 64 175 / .25); }
html[data-theme="light"] .text-blue-200\/30 { color: rgb(30 64 175 / .30); }
html[data-theme="light"] .text-blue-200\/40 { color: rgb(30 64 175 / .40); }
html[data-theme="light"] .text-blue-200\/50 { color: rgb(30 64 175 / .50); }
html[data-theme="light"] .text-blue-200\/60 { color: rgb(30 64 175 / .60); }
html[data-theme="light"] .text-blue-200\/70 { color: rgb(30 64 175 / .70); }
html[data-theme="light"] .text-blue-200\/75 { color: rgb(30 64 175 / .75); }
html[data-theme="light"] .text-blue-200\/80 { color: rgb(30 64 175 / .80); }
html[data-theme="light"] .text-blue-200\/90 { color: rgb(30 64 175 / .90); }
html[data-theme="light"] .text-blue-300,
html[data-theme="light"] .hover\:text-blue-300:hover,
html[data-theme="light"] .group:hover .group-hover\:text-blue-300 { color: #1e40af; }
html[data-theme="light"] .text-blue-300\/20 { color: rgb(30 64 175 / .20); }
html[data-theme="light"] .text-blue-300\/25 { color: rgb(30 64 175 / .25); }
html[data-theme="light"] .text-blue-300\/30 { color: rgb(30 64 175 / .30); }
html[data-theme="light"] .text-blue-300\/40 { color: rgb(30 64 175 / .40); }
html[data-theme="light"] .text-blue-300\/50 { color: rgb(30 64 175 / .50); }
html[data-theme="light"] .text-blue-300\/60 { color: rgb(30 64 175 / .60); }
html[data-theme="light"] .text-blue-300\/70 { color: rgb(30 64 175 / .70); }
html[data-theme="light"] .text-blue-300\/75 { color: rgb(30 64 175 / .75); }
html[data-theme="light"] .text-blue-300\/80 { color: rgb(30 64 175 / .80); }
html[data-theme="light"] .text-blue-300\/90 { color: rgb(30 64 175 / .90); }
html[data-theme="light"] .text-blue-400,
html[data-theme="light"] .hover\:text-blue-400:hover,
html[data-theme="light"] .group:hover .group-hover\:text-blue-400 { color: #1d4ed8; }
html[data-theme="light"] .text-blue-400\/20 { color: rgb(29 78 216 / .20); }
html[data-theme="light"] .text-blue-400\/25 { color: rgb(29 78 216 / .25); }
html[data-theme="light"] .text-blue-400\/30 { color: rgb(29 78 216 / .30); }
html[data-theme="light"] .text-blue-400\/40 { color: rgb(29 78 216 / .40); }
html[data-theme="light"] .text-blue-400\/50 { color: rgb(29 78 216 / .50); }
html[data-theme="light"] .text-blue-400\/60 { color: rgb(29 78 216 / .60); }
html[data-theme="light"] .text-blue-400\/70 { color: rgb(29 78 216 / .70); }
html[data-theme="light"] .text-blue-400\/75 { color: rgb(29 78 216 / .75); }
html[data-theme="light"] .text-blue-400\/80 { color: rgb(29 78 216 / .80); }
html[data-theme="light"] .text-blue-400\/90 { color: rgb(29 78 216 / .90); }
html[data-theme="light"] .text-blue-500,
html[data-theme="light"] .hover\:text-blue-500:hover,
html[data-theme="light"] .group:hover .group-hover\:text-blue-500 { color: #2563eb; }
html[data-theme="light"] .text-blue-500\/20 { color: rgb(37 99 235 / .20); }
html[data-theme="light"] .text-blue-500\/25 { color: rgb(37 99 235 / .25); }
html[data-theme="light"] .text-blue-500\/30 { color: rgb(37 99 235 / .30); }
html[data-theme="light"] .text-blue-500\/40 { color: rgb(37 99 235 / .40); }
html[data-theme="light"] .text-blue-500\/50 { color: rgb(37 99 235 / .50); }
html[data-theme="light"] .text-blue-500\/60 { color: rgb(37 99 235 / .60); }
html[data-theme="light"] .text-blue-500\/70 { color: rgb(37 99 235 / .70); }
html[data-theme="light"] .text-blue-500\/75 { color: rgb(37 99 235 / .75); }
html[data-theme="light"] .text-blue-500\/80 { color: rgb(37 99 235 / .80); }
html[data-theme="light"] .text-blue-500\/90 { color: rgb(37 99 235 / .90); }
html[data-theme="light"] .text-indigo-200,
html[data-theme="light"] .hover\:text-indigo-200:hover,
html[data-theme="light"] .group:hover .group-hover\:text-indigo-200 { color: #3730a3; }
html[data-theme="light"] .text-indigo-200\/20 { color: rgb(55 48 163 / .20); }
html[data-theme="light"] .text-indigo-200\/25 { color: rgb(55 48 163 / .25); }
html[data-theme="light"] .text-indigo-200\/30 { color: rgb(55 48 163 / .30); }
html[data-theme="light"] .text-indigo-200\/40 { color: rgb(55 48 163 / .40); }
html[data-theme="light"] .text-indigo-200\/50 { color: rgb(55 48 163 / .50); }
html[data-theme="light"] .text-indigo-200\/60 { color: rgb(55 48 163 / .60); }
html[data-theme="light"] .text-indigo-200\/70 { color: rgb(55 48 163 / .70); }
html[data-theme="light"] .text-indigo-200\/75 { color: rgb(55 48 163 / .75); }
html[data-theme="light"] .text-indigo-200\/80 { color: rgb(55 48 163 / .80); }
html[data-theme="light"] .text-indigo-200\/90 { color: rgb(55 48 163 / .90); }
html[data-theme="light"] .text-indigo-300,
html[data-theme="light"] .hover\:text-indigo-300:hover,
html[data-theme="light"] .group:hover .group-hover\:text-indigo-300 { color: #3730a3; }
html[data-theme="light"] .text-indigo-300\/20 { color: rgb(55 48 163 / .20); }
html[data-theme="light"] .text-indigo-300\/25 { color: rgb(55 48 163 / .25); }
html[data-theme="light"] .text-indigo-300\/30 { color: rgb(55 48 163 / .30); }
html[data-theme="light"] .text-indigo-300\/40 { color: rgb(55 48 163 / .40); }
html[data-theme="light"] .text-indigo-300\/50 { color: rgb(55 48 163 / .50); }
html[data-theme="light"] .text-indigo-300\/60 { color: rgb(55 48 163 / .60); }
html[data-theme="light"] .text-indigo-300\/70 { color: rgb(55 48 163 / .70); }
html[data-theme="light"] .text-indigo-300\/75 { color: rgb(55 48 163 / .75); }
html[data-theme="light"] .text-indigo-300\/80 { color: rgb(55 48 163 / .80); }
html[data-theme="light"] .text-indigo-300\/90 { color: rgb(55 48 163 / .90); }
html[data-theme="light"] .text-indigo-400,
html[data-theme="light"] .hover\:text-indigo-400:hover,
html[data-theme="light"] .group:hover .group-hover\:text-indigo-400 { color: #4338ca; }
html[data-theme="light"] .text-indigo-400\/20 { color: rgb(67 56 202 / .20); }
html[data-theme="light"] .text-indigo-400\/25 { color: rgb(67 56 202 / .25); }
html[data-theme="light"] .text-indigo-400\/30 { color: rgb(67 56 202 / .30); }
html[data-theme="light"] .text-indigo-400\/40 { color: rgb(67 56 202 / .40); }
html[data-theme="light"] .text-indigo-400\/50 { color: rgb(67 56 202 / .50); }
html[data-theme="light"] .text-indigo-400\/60 { color: rgb(67 56 202 / .60); }
html[data-theme="light"] .text-indigo-400\/70 { color: rgb(67 56 202 / .70); }
html[data-theme="light"] .text-indigo-400\/75 { color: rgb(67 56 202 / .75); }
html[data-theme="light"] .text-indigo-400\/80 { color: rgb(67 56 202 / .80); }
html[data-theme="light"] .text-indigo-400\/90 { color: rgb(67 56 202 / .90); }
html[data-theme="light"] .text-indigo-500,
html[data-theme="light"] .hover\:text-indigo-500:hover,
html[data-theme="light"] .group:hover .group-hover\:text-indigo-500 { color: #4f46e5; }
html[data-theme="light"] .text-indigo-500\/20 { color: rgb(79 70 229 / .20); }
html[data-theme="light"] .text-indigo-500\/25 { color: rgb(79 70 229 / .25); }
html[data-theme="light"] .text-indigo-500\/30 { color: rgb(79 70 229 / .30); }
html[data-theme="light"] .text-indigo-500\/40 { color: rgb(79 70 229 / .40); }
html[data-theme="light"] .text-indigo-500\/50 { color: rgb(79 70 229 / .50); }
html[data-theme="light"] .text-indigo-500\/60 { color: rgb(79 70 229 / .60); }
html[data-theme="light"] .text-indigo-500\/70 { color: rgb(79 70 229 / .70); }
html[data-theme="light"] .text-indigo-500\/75 { color: rgb(79 70 229 / .75); }
html[data-theme="light"] .text-indigo-500\/80 { color: rgb(79 70 229 / .80); }
html[data-theme="light"] .text-indigo-500\/90 { color: rgb(79 70 229 / .90); }
html[data-theme="light"] .text-violet-200,
html[data-theme="light"] .hover\:text-violet-200:hover,
html[data-theme="light"] .group:hover .group-hover\:text-violet-200 { color: #5b21b6; }
html[data-theme="light"] .text-violet-200\/20 { color: rgb(91 33 182 / .20); }
html[data-theme="light"] .text-violet-200\/25 { color: rgb(91 33 182 / .25); }
html[data-theme="light"] .text-violet-200\/30 { color: rgb(91 33 182 / .30); }
html[data-theme="light"] .text-violet-200\/40 { color: rgb(91 33 182 / .40); }
html[data-theme="light"] .text-violet-200\/50 { color: rgb(91 33 182 / .50); }
html[data-theme="light"] .text-violet-200\/60 { color: rgb(91 33 182 / .60); }
html[data-theme="light"] .text-violet-200\/70 { color: rgb(91 33 182 / .70); }
html[data-theme="light"] .text-violet-200\/75 { color: rgb(91 33 182 / .75); }
html[data-theme="light"] .text-violet-200\/80 { color: rgb(91 33 182 / .80); }
html[data-theme="light"] .text-violet-200\/90 { color: rgb(91 33 182 / .90); }
html[data-theme="light"] .text-violet-300,
html[data-theme="light"] .hover\:text-violet-300:hover,
html[data-theme="light"] .group:hover .group-hover\:text-violet-300 { color: #5b21b6; }
html[data-theme="light"] .text-violet-300\/20 { color: rgb(91 33 182 / .20); }
html[data-theme="light"] .text-violet-300\/25 { color: rgb(91 33 182 / .25); }
html[data-theme="light"] .text-violet-300\/30 { color: rgb(91 33 182 / .30); }
html[data-theme="light"] .text-violet-300\/40 { color: rgb(91 33 182 / .40); }
html[data-theme="light"] .text-violet-300\/50 { color: rgb(91 33 182 / .50); }
html[data-theme="light"] .text-violet-300\/60 { color: rgb(91 33 182 / .60); }
html[data-theme="light"] .text-violet-300\/70 { color: rgb(91 33 182 / .70); }
html[data-theme="light"] .text-violet-300\/75 { color: rgb(91 33 182 / .75); }
html[data-theme="light"] .text-violet-300\/80 { color: rgb(91 33 182 / .80); }
html[data-theme="light"] .text-violet-300\/90 { color: rgb(91 33 182 / .90); }
html[data-theme="light"] .text-violet-400,
html[data-theme="light"] .hover\:text-violet-400:hover,
html[data-theme="light"] .group:hover .group-hover\:text-violet-400 { color: #6d28d9; }
html[data-theme="light"] .text-violet-400\/20 { color: rgb(109 40 217 / .20); }
html[data-theme="light"] .text-violet-400\/25 { color: rgb(109 40 217 / .25); }
html[data-theme="light"] .text-violet-400\/30 { color: rgb(109 40 217 / .30); }
html[data-theme="light"] .text-violet-400\/40 { color: rgb(109 40 217 / .40); }
html[data-theme="light"] .text-violet-400\/50 { color: rgb(109 40 217 / .50); }
html[data-theme="light"] .text-violet-400\/60 { color: rgb(109 40 217 / .60); }
html[data-theme="light"] .text-violet-400\/70 { color: rgb(109 40 217 / .70); }
html[data-theme="light"] .text-violet-400\/75 { color: rgb(109 40 217 / .75); }
html[data-theme="light"] .text-violet-400\/80 { color: rgb(109 40 217 / .80); }
html[data-theme="light"] .text-violet-400\/90 { color: rgb(109 40 217 / .90); }
html[data-theme="light"] .text-violet-500,
html[data-theme="light"] .hover\:text-violet-500:hover,
html[data-theme="light"] .group:hover .group-hover\:text-violet-500 { color: #7c3aed; }
html[data-theme="light"] .text-violet-500\/20 { color: rgb(124 58 237 / .20); }
html[data-theme="light"] .text-violet-500\/25 { color: rgb(124 58 237 / .25); }
html[data-theme="light"] .text-violet-500\/30 { color: rgb(124 58 237 / .30); }
html[data-theme="light"] .text-violet-500\/40 { color: rgb(124 58 237 / .40); }
html[data-theme="light"] .text-violet-500\/50 { color: rgb(124 58 237 / .50); }
html[data-theme="light"] .text-violet-500\/60 { color: rgb(124 58 237 / .60); }
html[data-theme="light"] .text-violet-500\/70 { color: rgb(124 58 237 / .70); }
html[data-theme="light"] .text-violet-500\/75 { color: rgb(124 58 237 / .75); }
html[data-theme="light"] .text-violet-500\/80 { color: rgb(124 58 237 / .80); }
html[data-theme="light"] .text-violet-500\/90 { color: rgb(124 58 237 / .90); }
html[data-theme="light"] .text-purple-200,
html[data-theme="light"] .hover\:text-purple-200:hover,
html[data-theme="light"] .group:hover .group-hover\:text-purple-200 { color: #6b21a8; }
html[data-theme="light"] .text-purple-200\/20 { color: rgb(107 33 168 / .20); }
html[data-theme="light"] .text-purple-200\/25 { color: rgb(107 33 168 / .25); }
html[data-theme="light"] .text-purple-200\/30 { color: rgb(107 33 168 / .30); }
html[data-theme="light"] .text-purple-200\/40 { color: rgb(107 33 168 / .40); }
html[data-theme="light"] .text-purple-200\/50 { color: rgb(107 33 168 / .50); }
html[data-theme="light"] .text-purple-200\/60 { color: rgb(107 33 168 / .60); }
html[data-theme="light"] .text-purple-200\/70 { color: rgb(107 33 168 / .70); }
html[data-theme="light"] .text-purple-200\/75 { color: rgb(107 33 168 / .75); }
html[data-theme="light"] .text-purple-200\/80 { color: rgb(107 33 168 / .80); }
html[data-theme="light"] .text-purple-200\/90 { color: rgb(107 33 168 / .90); }
html[data-theme="light"] .text-purple-300,
html[data-theme="light"] .hover\:text-purple-300:hover,
html[data-theme="light"] .group:hover .group-hover\:text-purple-300 { color: #6b21a8; }
html[data-theme="light"] .text-purple-300\/20 { color: rgb(107 33 168 / .20); }
html[data-theme="light"] .text-purple-300\/25 { color: rgb(107 33 168 / .25); }
html[data-theme="light"] .text-purple-300\/30 { color: rgb(107 33 168 / .30); }
html[data-theme="light"] .text-purple-300\/40 { color: rgb(107 33 168 / .40); }
html[data-theme="light"] .text-purple-300\/50 { color: rgb(107 33 168 / .50); }
html[data-theme="light"] .text-purple-300\/60 { color: rgb(107 33 168 / .60); }
html[data-theme="light"] .text-purple-300\/70 { color: rgb(107 33 168 / .70); }
html[data-theme="light"] .text-purple-300\/75 { color: rgb(107 33 168 / .75); }
html[data-theme="light"] .text-purple-300\/80 { color: rgb(107 33 168 / .80); }
html[data-theme="light"] .text-purple-300\/90 { color: rgb(107 33 168 / .90); }
html[data-theme="light"] .text-purple-400,
html[data-theme="light"] .hover\:text-purple-400:hover,
html[data-theme="light"] .group:hover .group-hover\:text-purple-400 { color: #7e22ce; }
html[data-theme="light"] .text-purple-400\/20 { color: rgb(126 34 206 / .20); }
html[data-theme="light"] .text-purple-400\/25 { color: rgb(126 34 206 / .25); }
html[data-theme="light"] .text-purple-400\/30 { color: rgb(126 34 206 / .30); }
html[data-theme="light"] .text-purple-400\/40 { color: rgb(126 34 206 / .40); }
html[data-theme="light"] .text-purple-400\/50 { color: rgb(126 34 206 / .50); }
html[data-theme="light"] .text-purple-400\/60 { color: rgb(126 34 206 / .60); }
html[data-theme="light"] .text-purple-400\/70 { color: rgb(126 34 206 / .70); }
html[data-theme="light"] .text-purple-400\/75 { color: rgb(126 34 206 / .75); }
html[data-theme="light"] .text-purple-400\/80 { color: rgb(126 34 206 / .80); }
html[data-theme="light"] .text-purple-400\/90 { color: rgb(126 34 206 / .90); }
html[data-theme="light"] .text-purple-500,
html[data-theme="light"] .hover\:text-purple-500:hover,
html[data-theme="light"] .group:hover .group-hover\:text-purple-500 { color: #9333ea; }
html[data-theme="light"] .text-purple-500\/20 { color: rgb(147 51 234 / .20); }
html[data-theme="light"] .text-purple-500\/25 { color: rgb(147 51 234 / .25); }
html[data-theme="light"] .text-purple-500\/30 { color: rgb(147 51 234 / .30); }
html[data-theme="light"] .text-purple-500\/40 { color: rgb(147 51 234 / .40); }
html[data-theme="light"] .text-purple-500\/50 { color: rgb(147 51 234 / .50); }
html[data-theme="light"] .text-purple-500\/60 { color: rgb(147 51 234 / .60); }
html[data-theme="light"] .text-purple-500\/70 { color: rgb(147 51 234 / .70); }
html[data-theme="light"] .text-purple-500\/75 { color: rgb(147 51 234 / .75); }
html[data-theme="light"] .text-purple-500\/80 { color: rgb(147 51 234 / .80); }
html[data-theme="light"] .text-purple-500\/90 { color: rgb(147 51 234 / .90); }
html[data-theme="light"] .text-fuchsia-200,
html[data-theme="light"] .hover\:text-fuchsia-200:hover,
html[data-theme="light"] .group:hover .group-hover\:text-fuchsia-200 { color: #86198f; }
html[data-theme="light"] .text-fuchsia-200\/20 { color: rgb(134 25 143 / .20); }
html[data-theme="light"] .text-fuchsia-200\/25 { color: rgb(134 25 143 / .25); }
html[data-theme="light"] .text-fuchsia-200\/30 { color: rgb(134 25 143 / .30); }
html[data-theme="light"] .text-fuchsia-200\/40 { color: rgb(134 25 143 / .40); }
html[data-theme="light"] .text-fuchsia-200\/50 { color: rgb(134 25 143 / .50); }
html[data-theme="light"] .text-fuchsia-200\/60 { color: rgb(134 25 143 / .60); }
html[data-theme="light"] .text-fuchsia-200\/70 { color: rgb(134 25 143 / .70); }
html[data-theme="light"] .text-fuchsia-200\/75 { color: rgb(134 25 143 / .75); }
html[data-theme="light"] .text-fuchsia-200\/80 { color: rgb(134 25 143 / .80); }
html[data-theme="light"] .text-fuchsia-200\/90 { color: rgb(134 25 143 / .90); }
html[data-theme="light"] .text-fuchsia-300,
html[data-theme="light"] .hover\:text-fuchsia-300:hover,
html[data-theme="light"] .group:hover .group-hover\:text-fuchsia-300 { color: #86198f; }
html[data-theme="light"] .text-fuchsia-300\/20 { color: rgb(134 25 143 / .20); }
html[data-theme="light"] .text-fuchsia-300\/25 { color: rgb(134 25 143 / .25); }
html[data-theme="light"] .text-fuchsia-300\/30 { color: rgb(134 25 143 / .30); }
html[data-theme="light"] .text-fuchsia-300\/40 { color: rgb(134 25 143 / .40); }
html[data-theme="light"] .text-fuchsia-300\/50 { color: rgb(134 25 143 / .50); }
html[data-theme="light"] .text-fuchsia-300\/60 { color: rgb(134 25 143 / .60); }
html[data-theme="light"] .text-fuchsia-300\/70 { color: rgb(134 25 143 / .70); }
html[data-theme="light"] .text-fuchsia-300\/75 { color: rgb(134 25 143 / .75); }
html[data-theme="light"] .text-fuchsia-300\/80 { color: rgb(134 25 143 / .80); }
html[data-theme="light"] .text-fuchsia-300\/90 { color: rgb(134 25 143 / .90); }
html[data-theme="light"] .text-fuchsia-400,
html[data-theme="light"] .hover\:text-fuchsia-400:hover,
html[data-theme="light"] .group:hover .group-hover\:text-fuchsia-400 { color: #a21caf; }
html[data-theme="light"] .text-fuchsia-400\/20 { color: rgb(162 28 175 / .20); }
html[data-theme="light"] .text-fuchsia-400\/25 { color: rgb(162 28 175 / .25); }
html[data-theme="light"] .text-fuchsia-400\/30 { color: rgb(162 28 175 / .30); }
html[data-theme="light"] .text-fuchsia-400\/40 { color: rgb(162 28 175 / .40); }
html[data-theme="light"] .text-fuchsia-400\/50 { color: rgb(162 28 175 / .50); }
html[data-theme="light"] .text-fuchsia-400\/60 { color: rgb(162 28 175 / .60); }
html[data-theme="light"] .text-fuchsia-400\/70 { color: rgb(162 28 175 / .70); }
html[data-theme="light"] .text-fuchsia-400\/75 { color: rgb(162 28 175 / .75); }
html[data-theme="light"] .text-fuchsia-400\/80 { color: rgb(162 28 175 / .80); }
html[data-theme="light"] .text-fuchsia-400\/90 { color: rgb(162 28 175 / .90); }
html[data-theme="light"] .text-fuchsia-500,
html[data-theme="light"] .hover\:text-fuchsia-500:hover,
html[data-theme="light"] .group:hover .group-hover\:text-fuchsia-500 { color: #c026d3; }
html[data-theme="light"] .text-fuchsia-500\/20 { color: rgb(192 38 211 / .20); }
html[data-theme="light"] .text-fuchsia-500\/25 { color: rgb(192 38 211 / .25); }
html[data-theme="light"] .text-fuchsia-500\/30 { color: rgb(192 38 211 / .30); }
html[data-theme="light"] .text-fuchsia-500\/40 { color: rgb(192 38 211 / .40); }
html[data-theme="light"] .text-fuchsia-500\/50 { color: rgb(192 38 211 / .50); }
html[data-theme="light"] .text-fuchsia-500\/60 { color: rgb(192 38 211 / .60); }
html[data-theme="light"] .text-fuchsia-500\/70 { color: rgb(192 38 211 / .70); }
html[data-theme="light"] .text-fuchsia-500\/75 { color: rgb(192 38 211 / .75); }
html[data-theme="light"] .text-fuchsia-500\/80 { color: rgb(192 38 211 / .80); }
html[data-theme="light"] .text-fuchsia-500\/90 { color: rgb(192 38 211 / .90); }
html[data-theme="light"] .text-pink-200,
html[data-theme="light"] .hover\:text-pink-200:hover,
html[data-theme="light"] .group:hover .group-hover\:text-pink-200 { color: #9d174d; }
html[data-theme="light"] .text-pink-200\/20 { color: rgb(157 23 77 / .20); }
html[data-theme="light"] .text-pink-200\/25 { color: rgb(157 23 77 / .25); }
html[data-theme="light"] .text-pink-200\/30 { color: rgb(157 23 77 / .30); }
html[data-theme="light"] .text-pink-200\/40 { color: rgb(157 23 77 / .40); }
html[data-theme="light"] .text-pink-200\/50 { color: rgb(157 23 77 / .50); }
html[data-theme="light"] .text-pink-200\/60 { color: rgb(157 23 77 / .60); }
html[data-theme="light"] .text-pink-200\/70 { color: rgb(157 23 77 / .70); }
html[data-theme="light"] .text-pink-200\/75 { color: rgb(157 23 77 / .75); }
html[data-theme="light"] .text-pink-200\/80 { color: rgb(157 23 77 / .80); }
html[data-theme="light"] .text-pink-200\/90 { color: rgb(157 23 77 / .90); }
html[data-theme="light"] .text-pink-300,
html[data-theme="light"] .hover\:text-pink-300:hover,
html[data-theme="light"] .group:hover .group-hover\:text-pink-300 { color: #9d174d; }
html[data-theme="light"] .text-pink-300\/20 { color: rgb(157 23 77 / .20); }
html[data-theme="light"] .text-pink-300\/25 { color: rgb(157 23 77 / .25); }
html[data-theme="light"] .text-pink-300\/30 { color: rgb(157 23 77 / .30); }
html[data-theme="light"] .text-pink-300\/40 { color: rgb(157 23 77 / .40); }
html[data-theme="light"] .text-pink-300\/50 { color: rgb(157 23 77 / .50); }
html[data-theme="light"] .text-pink-300\/60 { color: rgb(157 23 77 / .60); }
html[data-theme="light"] .text-pink-300\/70 { color: rgb(157 23 77 / .70); }
html[data-theme="light"] .text-pink-300\/75 { color: rgb(157 23 77 / .75); }
html[data-theme="light"] .text-pink-300\/80 { color: rgb(157 23 77 / .80); }
html[data-theme="light"] .text-pink-300\/90 { color: rgb(157 23 77 / .90); }
html[data-theme="light"] .text-pink-400,
html[data-theme="light"] .hover\:text-pink-400:hover,
html[data-theme="light"] .group:hover .group-hover\:text-pink-400 { color: #be185d; }
html[data-theme="light"] .text-pink-400\/20 { color: rgb(190 24 93 / .20); }
html[data-theme="light"] .text-pink-400\/25 { color: rgb(190 24 93 / .25); }
html[data-theme="light"] .text-pink-400\/30 { color: rgb(190 24 93 / .30); }
html[data-theme="light"] .text-pink-400\/40 { color: rgb(190 24 93 / .40); }
html[data-theme="light"] .text-pink-400\/50 { color: rgb(190 24 93 / .50); }
html[data-theme="light"] .text-pink-400\/60 { color: rgb(190 24 93 / .60); }
html[data-theme="light"] .text-pink-400\/70 { color: rgb(190 24 93 / .70); }
html[data-theme="light"] .text-pink-400\/75 { color: rgb(190 24 93 / .75); }
html[data-theme="light"] .text-pink-400\/80 { color: rgb(190 24 93 / .80); }
html[data-theme="light"] .text-pink-400\/90 { color: rgb(190 24 93 / .90); }
html[data-theme="light"] .text-pink-500,
html[data-theme="light"] .hover\:text-pink-500:hover,
html[data-theme="light"] .group:hover .group-hover\:text-pink-500 { color: #db2777; }
html[data-theme="light"] .text-pink-500\/20 { color: rgb(219 39 119 / .20); }
html[data-theme="light"] .text-pink-500\/25 { color: rgb(219 39 119 / .25); }
html[data-theme="light"] .text-pink-500\/30 { color: rgb(219 39 119 / .30); }
html[data-theme="light"] .text-pink-500\/40 { color: rgb(219 39 119 / .40); }
html[data-theme="light"] .text-pink-500\/50 { color: rgb(219 39 119 / .50); }
html[data-theme="light"] .text-pink-500\/60 { color: rgb(219 39 119 / .60); }
html[data-theme="light"] .text-pink-500\/70 { color: rgb(219 39 119 / .70); }
html[data-theme="light"] .text-pink-500\/75 { color: rgb(219 39 119 / .75); }
html[data-theme="light"] .text-pink-500\/80 { color: rgb(219 39 119 / .80); }
html[data-theme="light"] .text-pink-500\/90 { color: rgb(219 39 119 / .90); }
html[data-theme="light"] .text-rose-200,
html[data-theme="light"] .hover\:text-rose-200:hover,
html[data-theme="light"] .group:hover .group-hover\:text-rose-200 { color: #9f1239; }
html[data-theme="light"] .text-rose-200\/20 { color: rgb(159 18 57 / .20); }
html[data-theme="light"] .text-rose-200\/25 { color: rgb(159 18 57 / .25); }
html[data-theme="light"] .text-rose-200\/30 { color: rgb(159 18 57 / .30); }
html[data-theme="light"] .text-rose-200\/40 { color: rgb(159 18 57 / .40); }
html[data-theme="light"] .text-rose-200\/50 { color: rgb(159 18 57 / .50); }
html[data-theme="light"] .text-rose-200\/60 { color: rgb(159 18 57 / .60); }
html[data-theme="light"] .text-rose-200\/70 { color: rgb(159 18 57 / .70); }
html[data-theme="light"] .text-rose-200\/75 { color: rgb(159 18 57 / .75); }
html[data-theme="light"] .text-rose-200\/80 { color: rgb(159 18 57 / .80); }
html[data-theme="light"] .text-rose-200\/90 { color: rgb(159 18 57 / .90); }
html[data-theme="light"] .text-rose-300,
html[data-theme="light"] .hover\:text-rose-300:hover,
html[data-theme="light"] .group:hover .group-hover\:text-rose-300 { color: #9f1239; }
html[data-theme="light"] .text-rose-300\/20 { color: rgb(159 18 57 / .20); }
html[data-theme="light"] .text-rose-300\/25 { color: rgb(159 18 57 / .25); }
html[data-theme="light"] .text-rose-300\/30 { color: rgb(159 18 57 / .30); }
html[data-theme="light"] .text-rose-300\/40 { color: rgb(159 18 57 / .40); }
html[data-theme="light"] .text-rose-300\/50 { color: rgb(159 18 57 / .50); }
html[data-theme="light"] .text-rose-300\/60 { color: rgb(159 18 57 / .60); }
html[data-theme="light"] .text-rose-300\/70 { color: rgb(159 18 57 / .70); }
html[data-theme="light"] .text-rose-300\/75 { color: rgb(159 18 57 / .75); }
html[data-theme="light"] .text-rose-300\/80 { color: rgb(159 18 57 / .80); }
html[data-theme="light"] .text-rose-300\/90 { color: rgb(159 18 57 / .90); }
html[data-theme="light"] .text-rose-400,
html[data-theme="light"] .hover\:text-rose-400:hover,
html[data-theme="light"] .group:hover .group-hover\:text-rose-400 { color: #be123c; }
html[data-theme="light"] .text-rose-400\/20 { color: rgb(190 18 60 / .20); }
html[data-theme="light"] .text-rose-400\/25 { color: rgb(190 18 60 / .25); }
html[data-theme="light"] .text-rose-400\/30 { color: rgb(190 18 60 / .30); }
html[data-theme="light"] .text-rose-400\/40 { color: rgb(190 18 60 / .40); }
html[data-theme="light"] .text-rose-400\/50 { color: rgb(190 18 60 / .50); }
html[data-theme="light"] .text-rose-400\/60 { color: rgb(190 18 60 / .60); }
html[data-theme="light"] .text-rose-400\/70 { color: rgb(190 18 60 / .70); }
html[data-theme="light"] .text-rose-400\/75 { color: rgb(190 18 60 / .75); }
html[data-theme="light"] .text-rose-400\/80 { color: rgb(190 18 60 / .80); }
html[data-theme="light"] .text-rose-400\/90 { color: rgb(190 18 60 / .90); }
html[data-theme="light"] .text-rose-500,
html[data-theme="light"] .hover\:text-rose-500:hover,
html[data-theme="light"] .group:hover .group-hover\:text-rose-500 { color: #e11d48; }
html[data-theme="light"] .text-rose-500\/20 { color: rgb(225 29 72 / .20); }
html[data-theme="light"] .text-rose-500\/25 { color: rgb(225 29 72 / .25); }
html[data-theme="light"] .text-rose-500\/30 { color: rgb(225 29 72 / .30); }
html[data-theme="light"] .text-rose-500\/40 { color: rgb(225 29 72 / .40); }
html[data-theme="light"] .text-rose-500\/50 { color: rgb(225 29 72 / .50); }
html[data-theme="light"] .text-rose-500\/60 { color: rgb(225 29 72 / .60); }
html[data-theme="light"] .text-rose-500\/70 { color: rgb(225 29 72 / .70); }
html[data-theme="light"] .text-rose-500\/75 { color: rgb(225 29 72 / .75); }
html[data-theme="light"] .text-rose-500\/80 { color: rgb(225 29 72 / .80); }
html[data-theme="light"] .text-rose-500\/90 { color: rgb(225 29 72 / .90); }