/* ===== the ink everything is filled in with =====
   Every control the visitor fills in - the quote engine's own selectors, the
   application's text fields, the payment confirmation boxes - writes in the
   brand's navy, dark enough to sit with the green headings yet clearly apart
   from the grey print it is written on, so a filled-in form reads as filled in
   on the screen the way it does on the sheets the site prints. The colours the
   engine already uses for state are
   left alone: an unanswered selector keeps its own grey prompt, anything greyed
   out while it waits on another step keeps its grey, and a chosen cover keeps
   the green fill and rule that mark it - only the ink changes.

   Selectors are read from the option they hold, so a list that still stands on
   its "Select ..." line is not painted blue as if it had been answered. */
:root{
  --fillable-ink:#082d66;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="color"]):not(:disabled),
textarea:not(:disabled),
select:not(:disabled):not(:has(option[value=""]:checked)){
  color:var(--fillable-ink)!important;
  -webkit-text-fill-color:var(--fillable-ink)!important;
  caret-color:var(--fillable-ink)!important;
}

/* The list itself, once it is open, and the option the closed box is showing. */
select:not(:disabled) option:checked{
  color:var(--fillable-ink);
}

/* A field the browser has remembered for the visitor is still this form's ink. */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill{
  -webkit-text-fill-color:var(--fillable-ink)!important;
}

/* What the visitor types into the application's own textareas and the payment
   confirmation box is ink too, at the size it is written. */
#paymentConfirmationForm input:not([type="checkbox"]):not([type="radio"]),
#paymentConfirmationForm textarea,
#paymentConfirmationForm select{
  font-weight:600;
}