/**
 * Light theme overrides for the dashboard + login shell.
 * Loaded separately so Tailwind does not treat .text-zinc-* selectors as circular with @apply.
 */
html:not(.dark) body.user-logged-in .text-zinc-100,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .text-zinc-100 {
  color: rgb(24 24 27);
}

html:not(.dark) body.user-logged-in .text-zinc-200,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .text-zinc-200 {
  color: rgb(39 39 42);
}

html:not(.dark) body.user-logged-in .text-zinc-300,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .text-zinc-300 {
  color: rgb(63 63 70);
}

html:not(.dark) body.user-logged-in .text-zinc-400,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .text-zinc-400 {
  color: rgb(113 113 122);
}

html:not(.dark) body.user-logged-in .text-zinc-500,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .text-zinc-500 {
  color: rgb(113 113 122);
}

html:not(.dark) body.user-logged-in .text-zinc-600,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .text-zinc-600 {
  color: rgb(82 82 91);
}

html:not(.dark) body.user-logged-in .placeholder\:text-zinc-500::placeholder,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .placeholder\:text-zinc-500::placeholder {
  color: rgb(113 113 122);
}

html:not(.dark) body.user-logged-in .hover\:text-zinc-100:hover,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .hover\:text-zinc-100:hover {
  color: rgb(24 24 27);
}

html:not(.dark) body.user-logged-in .hover\:text-zinc-200:hover,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .hover\:text-zinc-200:hover {
  color: rgb(39 39 42);
}

html:not(.dark) body.user-logged-in .hover\:text-zinc-300:hover,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .hover\:text-zinc-300:hover {
  color: rgb(63 63 70);
}

html:not(.dark) body.user-logged-in .hover\:text-zinc-400:hover,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .hover\:text-zinc-400:hover {
  color: rgb(113 113 122);
}

html:not(.dark) body.user-logged-in .bg-white\/5,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .bg-white\/5 {
  background-color: rgb(0 0 0 / 0.05);
}

html:not(.dark) body.user-logged-in .bg-white\/10,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .bg-white\/10 {
  background-color: rgb(0 0 0 / 0.08);
}

html:not(.dark) body.user-logged-in .bg-white\/15,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .bg-white\/15 {
  background-color: rgb(0 0 0 / 0.1);
}

html:not(.dark) body.user-logged-in .bg-white\/\[0\.02\],
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .bg-white\/\[0\.02\] {
  background-color: rgb(0 0 0 / 0.02);
}

html:not(.dark) body.user-logged-in .bg-white\/\[0\.08\],
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .bg-white\/\[0\.08\] {
  background-color: rgb(0 0 0 / 0.06);
}

html:not(.dark) body.user-logged-in .hover\:bg-white\/5:hover,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .hover\:bg-white\/5:hover {
  background-color: rgb(0 0 0 / 0.05);
}

html:not(.dark) body.user-logged-in .hover\:bg-white\/10:hover,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .hover\:bg-white\/10:hover {
  background-color: rgb(0 0 0 / 0.08);
}

html:not(.dark) body.user-logged-in .hover\:bg-white\/15:hover,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .hover\:bg-white\/15:hover {
  background-color: rgb(0 0 0 / 0.1);
}

html:not(.dark) body.user-logged-in .hover\:bg-white\/\[0\.03\]:hover,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .hover\:bg-white\/\[0\.03\]:hover {
  background-color: rgb(0 0 0 / 0.04);
}

html:not(.dark) body.user-logged-in .hover\:bg-white\/\[0\.04\]:hover,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .hover\:bg-white\/\[0\.04\]:hover {
  background-color: rgb(0 0 0 / 0.05);
}

html:not(.dark) body.user-logged-in .ring-white\/10,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .ring-white\/10 {
  --tw-ring-color: rgb(0 0 0 / 0.1);
}

html:not(.dark) body.user-logged-in .text-red-200,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .text-red-200 {
  color: rgb(185 28 28);
}

html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .text-zinc-50 {
  color: rgb(24 24 27);
}

html:not(.dark) body.user-logged-in .bg-red-950\/40 {
  background-color: rgb(254 242 242);
}

html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) input:-webkit-autofill,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) input:-webkit-autofill:hover,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) input:-webkit-autofill:focus {
  -webkit-text-fill-color: rgb(24 24 27);
  box-shadow: 0 0 0 1000px rgb(255 255 255) inset !important;
}

/*
 * Login form labels/inputs: styles.css uses @apply text-zinc-* on selectors like
 * .login-expo-shell label.form-required — no .text-zinc-* class is present on the DOM,
 * so the utility overrides above never apply. Set colors explicitly in light mode.
 */
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .login-expo-shell label.form-required,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .login-expo-shell label.option,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .login-expo-shell .js-form-required {
  color: rgb(24 24 27);
}

html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .login-expo-shell #edit-name,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .login-expo-shell #edit-pass,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .login-expo-shell input[type="text"],
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .login-expo-shell input[type="password"],
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .login-expo-shell input[type="email"] {
  color: rgb(24 24 27);
}

html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .login-expo-shell #edit-name::placeholder,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .login-expo-shell #edit-pass::placeholder,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .login-expo-shell input[type="text"]::placeholder,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .login-expo-shell input[type="password"]::placeholder,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .login-expo-shell input[type="email"]::placeholder {
  color: rgb(113 113 122);
}

/* --- Semantic colors: dark-theme tints + light text fail on pale backgrounds in light mode --- */

html:not(.dark) body.user-logged-in .text-emerald-200,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .text-emerald-200 {
  color: rgb(6 78 59);
}

html:not(.dark) body.user-logged-in .text-emerald-300,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .text-emerald-300 {
  color: rgb(6 95 70);
}

html:not(.dark) body.user-logged-in .text-emerald-400,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .text-emerald-400 {
  color: rgb(4 120 87);
}

html:not(.dark) body.user-logged-in .text-amber-100,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .text-amber-100 {
  color: rgb(69 26 3);
}

html:not(.dark) body.user-logged-in .text-amber-100\/90,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .text-amber-100\/90 {
  color: rgb(69 26 3);
}

html:not(.dark) body.user-logged-in .text-amber-200,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .text-amber-200 {
  color: rgb(120 53 15);
}

html:not(.dark) body.user-logged-in .text-amber-200\/90,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .text-amber-200\/90 {
  color: rgb(120 53 15);
}

html:not(.dark) body.user-logged-in .text-amber-300,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .text-amber-300 {
  color: rgb(146 64 14);
}

html:not(.dark) body.user-logged-in .text-amber-400,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .text-amber-400 {
  color: rgb(180 83 9);
}

html:not(.dark) body.user-logged-in .text-amber-400\/90,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .text-amber-400\/90 {
  color: rgb(146 64 14);
}

html:not(.dark) body.user-logged-in .text-red-300,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .text-red-300 {
  color: rgb(153 27 27);
}

html:not(.dark) body.user-logged-in .text-red-400,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .text-red-400 {
  color: rgb(185 28 28);
}

html:not(.dark) body.user-logged-in .hover\:text-red-300:hover,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .hover\:text-red-300:hover {
  color: rgb(127 29 29);
}

html:not(.dark) body.user-logged-in .hover\:text-red-400:hover,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .hover\:text-red-400:hover {
  color: rgb(153 27 27);
}

html:not(.dark) body.user-logged-in .bg-red-950\/30 {
  background-color: rgb(254 226 226);
}

html:not(.dark) body.user-logged-in .hover\:bg-red-950\/50:hover {
  background-color: rgb(254 202 202);
}

html:not(.dark) body.user-logged-in .text-violet-300,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .text-violet-300 {
  color: rgb(91 33 182);
}

html:not(.dark) body.user-logged-in .text-violet-400,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .text-violet-400 {
  color: rgb(109 40 217);
}

html:not(.dark) body.user-logged-in .text-sky-300,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .text-sky-300 {
  color: rgb(7 89 133);
}

html:not(.dark) body.user-logged-in .text-sky-400,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .text-sky-400 {
  color: rgb(3 105 161);
}

html:not(.dark) body.user-logged-in .hover\:text-sky-300:hover,
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .hover\:text-sky-300:hover {
  color: rgb(12 74 110);
}

/* Role pills + muted chips: light grey on light grey */
html:not(.dark) body.user-logged-in .bg-white\/10.text-zinc-400 {
  color: rgb(63 63 70);
}

/* Login / system messages (Drupal .messages) on light shell */
html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .messages--status {
  color: rgb(6 78 59);
  background-color: rgb(236 253 245);
  border-color: rgb(167 243 208);
}

html:not(.dark) body:not(.user-logged-in):has(.login-expo-shell) .messages--warning {
  color: rgb(120 53 15);
  background-color: rgb(255 251 235);
  border-color: rgb(252 211 77);
}