/* Pair text-entry foreground and surface explicitly across all Camsek websites.
   Card/theme variables must not produce pale text on Bootstrap's white inputs.
   No sizing, validation-border, checkbox/radio or button behavior is changed. */
:root body :is(.form-control:not([type="file"]), .form-select, textarea, select, input:not([type="hidden"], [type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="file"], [type="button"], [type="submit"], [type="reset"], [type="image"])) {
  color: #14213b;
  background-color: #ffffff;
  caret-color: #14213b;
  -webkit-text-fill-color: #14213b;
  color-scheme: light;
}
:root body :is(.form-control:not([type="file"]), .form-select, textarea, select, input:not([type="hidden"], [type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="file"], [type="button"], [type="submit"], [type="reset"], [type="image"]))::placeholder {
  color: #526178;
  -webkit-text-fill-color: #526178;
  opacity: 1;
}
:root body :is(.form-control:not([type="file"]), .form-select, textarea, select, input:not([type="hidden"], [type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="file"], [type="button"], [type="submit"], [type="reset"], [type="image"])):is(:disabled, [readonly]) {
  color: #49566a;
  background-color: #e9eef5;
  -webkit-text-fill-color: #49566a;
  opacity: 1;
}
/* Autofill has browser-owned backgrounds; keep both text and the visible fill paired. */
:root body :is(.form-control:not([type="file"]), .form-select, textarea, select, input:not([type="hidden"], [type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="file"], [type="button"], [type="submit"], [type="reset"], [type="image"])):-webkit-autofill {
  -webkit-text-fill-color: #14213b;
  caret-color: #14213b;
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
}
:root body :is(.form-control:not([type="file"]), .form-select, textarea, select, input:not([type="hidden"], [type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="file"], [type="button"], [type="submit"], [type="reset"], [type="image"])):autofill {
  color: #14213b;
  background-color: #ffffff;
}
/* Match the select arrow to the light control even inside a dark theme. */
:root body .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2314213b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
