/* -------------------------------------------------------------------
   Readability fixes for the dark forms (login, register, profile,
   verification). Placeholders and helper text were rendering grey on a
   dark background, which is hard to read.

   Scoped to the dark containers only, so light-background forms are
   untouched. Only .text--muted is re-coloured, so validation messages
   (.text--danger) stay red.
------------------------------------------------------------------- */

.account-section .right input::placeholder,
.account-section .right textarea::placeholder,
.account-section .right .form-control::placeholder,
.primary-bg input::placeholder,
.primary-bg textarea::placeholder,
.primary-bg .form-control::placeholder,
.verification-code-wrapper input::placeholder,
.verification-code-wrapper .form-control::placeholder {
    color: rgba(255, 255, 255, 0.75) !important;
    opacity: 1; /* Firefox dims placeholders by default */
}

.account-section .right .text--muted,
.primary-bg .text--muted,
.verification-code-wrapper .text--muted {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* Labels on the dark forms */
.account-section .right label,
.primary-bg .form-label {
    color: #ffffff;
}