/* abcdtoolset.com — light theme (generated 2026-10-10 09:22 by tools/build_site_css.sh). Original design = no data-theme attribute.
   Tokens: /mnt/data/abcd/theme-tokens/abcdtoolset.com.css (tools/theme_sweep.py). See claude-hive tools/THEME-TOOLS.md. DO NOT hand-edit: regenerate. */
html[data-theme="light"]{color-scheme:light}
@media screen{
html[data-theme="light"]{
  --th-b-0a0a0f:#F3EDE1;
  --th-b-1a1a2e:#FBF7EF;
  --th-b-d08:rgba(251,247,239,0.8);
  --th-b-d09:rgba(251,247,239,0.9);
  --th-b-d1:rgba(251,247,239,1);
  --th-f-f5f5f5:#2A2118;

}
html[data-theme="light"] body{background-color:#F3EDE1;color:#3A3229}
html[data-theme="light"] input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=range]):not([type=color]),html[data-theme="light"] select,html[data-theme="light"] textarea{background-color:#F7F1E5!important;color:#2A2118!important;border-color:#C4B69E!important}
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#9A8E7D}
html[data-theme="light"] select option{background:#FFFDF8;color:#3A3229}
html[data-theme="light"] .bg-black\/30{background-color:rgba(120,100,70,0.07)}
html[data-theme="light"] .bg-black\/50{background-color:rgba(120,100,70,0.12)}
html[data-theme="light"] .bg-black\/70{background-color:rgba(120,100,70,0.17)}
html[data-theme="light"] .bg-black\/80{background-color:rgba(120,100,70,0.20)}
html[data-theme="light"] .bg-gray-600{background-color:#EBE2D0}
html[data-theme="light"] .bg-gray-700{background-color:#EBE2D0}
html[data-theme="light"] .bg-gray-800{background-color:#FBF7EF}
html[data-theme="light"] .bg-navy-900\/50{background-color:rgba(243,237,225,0.50)}
html[data-theme="light"] .bg-navy-900\/80{background-color:rgba(243,237,225,0.80)}
html[data-theme="light"] .border-gray-600{border-color:#D9CEBB}
html[data-theme="light"] .border-gray-700{border-color:#D9CEBB}
html[data-theme="light"] .border-gray-800{border-color:#D9CEBB}
html[data-theme="light"] .hover\:bg-black\/30:hover{background-color:rgba(120,100,70,0.07)}
html[data-theme="light"] .hover\:bg-black\/50:hover{background-color:rgba(120,100,70,0.12)}
html[data-theme="light"] .hover\:bg-gray-600:hover{background-color:#EBE2D0}
html[data-theme="light"] .hover\:bg-gray-700:hover{background-color:#EBE2D0}
html[data-theme="light"] .hover\:text-gold-400:not(.bg-blue-500):not(.bg-blue-600):not(.bg-gold-500):not(.bg-green-500):not(.bg-green-600):not(.bg-orange-500):not(.bg-orange-600):not(.bg-purple-600):not(.bg-red-500):not(.bg-red-600):not(.bg-red-900):not(.bg-yellow-500):hover{color:#8A6A1F}
html[data-theme="light"] .hover\:text-red-300:not(.bg-blue-500):not(.bg-blue-600):not(.bg-gold-500):not(.bg-green-500):not(.bg-green-600):not(.bg-orange-500):not(.bg-orange-600):not(.bg-purple-600):not(.bg-red-500):not(.bg-red-600):not(.bg-red-900):not(.bg-yellow-500):hover{color:#b91c1c}
html[data-theme="light"] .hover\:text-white:not(.bg-blue-500):not(.bg-blue-600):not(.bg-gold-500):not(.bg-green-500):not(.bg-green-600):not(.bg-orange-500):not(.bg-orange-600):not(.bg-purple-600):not(.bg-red-500):not(.bg-red-600):not(.bg-red-900):not(.bg-yellow-500):hover{color:#2A2118}
html[data-theme="light"] .hover\:text-yellow-400:not(.bg-blue-500):not(.bg-blue-600):not(.bg-gold-500):not(.bg-green-500):not(.bg-green-600):not(.bg-orange-500):not(.bg-orange-600):not(.bg-purple-600):not(.bg-red-500):not(.bg-red-600):not(.bg-red-900):not(.bg-yellow-500):hover{color:#a16207}
html[data-theme="light"] .hover\:text-yellow-500:not(.bg-blue-500):not(.bg-blue-600):not(.bg-gold-500):not(.bg-green-500):not(.bg-green-600):not(.bg-orange-500):not(.bg-orange-600):not(.bg-purple-600):not(.bg-red-500):not(.bg-red-600):not(.bg-red-900):not(.bg-yellow-500):hover{color:#a16207}
html[data-theme="light"] .text-amber-400:not(.bg-blue-500):not(.bg-blue-600):not(.bg-gold-500):not(.bg-green-500):not(.bg-green-600):not(.bg-orange-500):not(.bg-orange-600):not(.bg-purple-600):not(.bg-red-500):not(.bg-red-600):not(.bg-red-900):not(.bg-yellow-500){color:#b45309}
html[data-theme="light"] .text-blue-200\/70:not(.bg-blue-500):not(.bg-blue-600):not(.bg-gold-500):not(.bg-green-500):not(.bg-green-600):not(.bg-orange-500):not(.bg-orange-600):not(.bg-purple-600):not(.bg-red-500):not(.bg-red-600):not(.bg-red-900):not(.bg-yellow-500){color:#1d4ed8}
html[data-theme="light"] .text-blue-200\/80:not(.bg-blue-500):not(.bg-blue-600):not(.bg-gold-500):not(.bg-green-500):not(.bg-green-600):not(.bg-orange-500):not(.bg-orange-600):not(.bg-purple-600):not(.bg-red-500):not(.bg-red-600):not(.bg-red-900):not(.bg-yellow-500){color:#1d4ed8}
html[data-theme="light"] .text-blue-300:not(.bg-blue-500):not(.bg-blue-600):not(.bg-gold-500):not(.bg-green-500):not(.bg-green-600):not(.bg-orange-500):not(.bg-orange-600):not(.bg-purple-600):not(.bg-red-500):not(.bg-red-600):not(.bg-red-900):not(.bg-yellow-500){color:#1d4ed8}
html[data-theme="light"] .text-blue-400:not(.bg-blue-500):not(.bg-blue-600):not(.bg-gold-500):not(.bg-green-500):not(.bg-green-600):not(.bg-orange-500):not(.bg-orange-600):not(.bg-purple-600):not(.bg-red-500):not(.bg-red-600):not(.bg-red-900):not(.bg-yellow-500){color:#1d4ed8}
html[data-theme="light"] .text-gold-400:not(.bg-blue-500):not(.bg-blue-600):not(.bg-gold-500):not(.bg-green-500):not(.bg-green-600):not(.bg-orange-500):not(.bg-orange-600):not(.bg-purple-600):not(.bg-red-500):not(.bg-red-600):not(.bg-red-900):not(.bg-yellow-500){color:#8A6A1F}
html[data-theme="light"] .text-gold-500:not(.bg-blue-500):not(.bg-blue-600):not(.bg-gold-500):not(.bg-green-500):not(.bg-green-600):not(.bg-orange-500):not(.bg-orange-600):not(.bg-purple-600):not(.bg-red-500):not(.bg-red-600):not(.bg-red-900):not(.bg-yellow-500){color:#8A6A1F}
html[data-theme="light"] .text-gray-100:not(.bg-blue-500):not(.bg-blue-600):not(.bg-gold-500):not(.bg-green-500):not(.bg-green-600):not(.bg-orange-500):not(.bg-orange-600):not(.bg-purple-600):not(.bg-red-500):not(.bg-red-600):not(.bg-red-900):not(.bg-yellow-500){color:#2A2118}
html[data-theme="light"] .text-gray-300:not(.bg-blue-500):not(.bg-blue-600):not(.bg-gold-500):not(.bg-green-500):not(.bg-green-600):not(.bg-orange-500):not(.bg-orange-600):not(.bg-purple-600):not(.bg-red-500):not(.bg-red-600):not(.bg-red-900):not(.bg-yellow-500){color:#3A3229}
html[data-theme="light"] .text-gray-400:not(.bg-blue-500):not(.bg-blue-600):not(.bg-gold-500):not(.bg-green-500):not(.bg-green-600):not(.bg-orange-500):not(.bg-orange-600):not(.bg-purple-600):not(.bg-red-500):not(.bg-red-600):not(.bg-red-900):not(.bg-yellow-500){color:#6B6154}
html[data-theme="light"] .text-gray-500:not(.bg-blue-500):not(.bg-blue-600):not(.bg-gold-500):not(.bg-green-500):not(.bg-green-600):not(.bg-orange-500):not(.bg-orange-600):not(.bg-purple-600):not(.bg-red-500):not(.bg-red-600):not(.bg-red-900):not(.bg-yellow-500){color:#7D7262}
html[data-theme="light"] .text-green-300\/60:not(.bg-blue-500):not(.bg-blue-600):not(.bg-gold-500):not(.bg-green-500):not(.bg-green-600):not(.bg-orange-500):not(.bg-orange-600):not(.bg-purple-600):not(.bg-red-500):not(.bg-red-600):not(.bg-red-900):not(.bg-yellow-500){color:#15803d}
html[data-theme="light"] .text-green-400:not(.bg-blue-500):not(.bg-blue-600):not(.bg-gold-500):not(.bg-green-500):not(.bg-green-600):not(.bg-orange-500):not(.bg-orange-600):not(.bg-purple-600):not(.bg-red-500):not(.bg-red-600):not(.bg-red-900):not(.bg-yellow-500){color:#15803d}
html[data-theme="light"] .text-orange-400:not(.bg-blue-500):not(.bg-blue-600):not(.bg-gold-500):not(.bg-green-500):not(.bg-green-600):not(.bg-orange-500):not(.bg-orange-600):not(.bg-purple-600):not(.bg-red-500):not(.bg-red-600):not(.bg-red-900):not(.bg-yellow-500){color:#c2410c}
html[data-theme="light"] .text-red-400:not(.bg-blue-500):not(.bg-blue-600):not(.bg-gold-500):not(.bg-green-500):not(.bg-green-600):not(.bg-orange-500):not(.bg-orange-600):not(.bg-purple-600):not(.bg-red-500):not(.bg-red-600):not(.bg-red-900):not(.bg-yellow-500){color:#b91c1c}
html[data-theme="light"] .text-white:not(.bg-blue-500):not(.bg-blue-600):not(.bg-gold-500):not(.bg-green-500):not(.bg-green-600):not(.bg-orange-500):not(.bg-orange-600):not(.bg-purple-600):not(.bg-red-500):not(.bg-red-600):not(.bg-red-900):not(.bg-yellow-500){color:#2A2118}
html[data-theme="light"] .text-yellow-400:not(.bg-blue-500):not(.bg-blue-600):not(.bg-gold-500):not(.bg-green-500):not(.bg-green-600):not(.bg-orange-500):not(.bg-orange-600):not(.bg-purple-600):not(.bg-red-500):not(.bg-red-600):not(.bg-red-900):not(.bg-yellow-500){color:#a16207}
html[data-theme="light"] .text-yellow-500:not(.bg-blue-500):not(.bg-blue-600):not(.bg-gold-500):not(.bg-green-500):not(.bg-green-600):not(.bg-orange-500):not(.bg-orange-600):not(.bg-purple-600):not(.bg-red-500):not(.bg-red-600):not(.bg-red-900):not(.bg-yellow-500){color:#a16207}
}
/* 2026-10-14 (a1, Luke 11:07 "cant see the errors because of light contrast"): HAND-ADDED, keep when regenerating with build_site_css.sh.
   Warning / status texts used by the server lists were missing from the generated set -> readable dark tones on the cream background. */
html[data-theme="light"] .text-yellow-200,html[data-theme="light"] .text-yellow-300,html[data-theme="light"] .text-amber-300{color:#8A4B00!important}
html[data-theme="light"] .text-red-200,html[data-theme="light"] .text-red-300{color:#B42318!important}
html[data-theme="light"] .text-green-200,html[data-theme="light"] .text-green-300{color:#15803D!important}
html[data-theme="light"] .text-blue-200,html[data-theme="light"] .text-sky-300,html[data-theme="light"] .text-sky-400{color:#0B5CAD!important}
html[data-theme="light"] .text-orange-300{color:#B4470C!important}
html[data-theme="light"] .text-purple-300,html[data-theme="light"] .text-purple-400{color:#6B21A8!important}
html[data-theme="light"] .text-yellow-400{color:#7A4A00!important}