/* GENERATED - the tutor registration / login page in the site's light mode (js/theme.js).
   Made from registration-common.css + tutor-registration.css by tools/build-tutor-registration-light-css.py. */

html[data-theme="light"] {
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #f3f4f6;
  --border: #dde0e5;
  --border-light: #cfd3da;
  --text: #111418;
  --muted: #5b6472;
  --muted-2: #808895;
  --danger: #dc2626;
  --success: #15803d;
  --info: #4f46e5;
  color-scheme: light;
}

html[data-theme="light"] input[readonly] {
  background: #f3f4f6 !important;
}

html[data-theme="light"] .otp-header strong {
  color: #111418;
}

html[data-theme="light"] .secondary-button:hover {
  color: #111418;
}

html[data-theme="light"] .modal-close:hover {
  color: #111418;
}

html[data-theme="light"] .profile-button:hover {
  background: #f3f4f6;
}

html[data-theme="light"] .footer {
  border-top: 1px solid rgba(0, 0, 0, 0.10);
}

html[data-theme="light"] .footer-bottom {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .profile-modal-box {
  background: #ffffff;
  border: 1px solid #dde0e5;
}

html[data-theme="light"] .profile-modal-close:hover {
  color: #111418;
}

html[data-theme="light"] .student-profile-item {
  background: #f7f8fa;
}

html[data-theme="light"] .student-profile-item strong {
  color: #111418;
}

html[data-theme="light"] .profile-logout:hover {
  color: #111418;
}

html[data-theme="light"] .in-flag {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
}

html[data-theme="light"] .intro h1 {
  color: #111418;
}

html[data-theme="light"] .section {
  border-bottom: 1px solid #dde0e5;
}

html[data-theme="light"] .field input[type="text"],
html[data-theme="light"] .field input[type="email"],
html[data-theme="light"] .field input[type="tel"],
html[data-theme="light"] .field textarea {
  color: #111418;
  background: #ffffff;
}

html[data-theme="light"] .phone-input {
  background: #ffffff;
}

html[data-theme="light"] .country-code {
  border-right: 1px solid #dde0e5;
}

html[data-theme="light"] .same-phone input {
  background: #ffffff;
}

html[data-theme="light"] .same-phone input:checked::after {
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

html[data-theme="light"] .selection-option {
  color: #111418;
  background: #ffffff;
}

html[data-theme="light"] .time-option {
  color: #111418;
  background: #ffffff;
}

html[data-theme="light"] .other-time input {
  color: #111418;
  background: #ffffff;
}

html[data-theme="light"] .terms input {
  background: #ffffff;
}

html[data-theme="light"] .terms input:checked::after {
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

html[data-theme="light"] .loader {
  border-top-color: #ffffff;
}

html[data-theme="light"] .registered-email {
  background: #f7f8fa;
}

html[data-theme="light"] .registered-email strong {
  color: #111418;
}

html[data-theme="light"] .modal-box {
  background: #ffffff;
  border: 1px solid #dde0e5;
}

html[data-theme="light"] .site-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .site-header .logo {
  color: #111418;
}

html[data-theme="light"] .field input[type="number"],
html[data-theme="light"] .field select {
  color: #111418;
  background: #ffffff;
}

html[data-theme="light"] .field select option {
  background: #ffffff;
  color: #111418;
}

html[data-theme="light"] .date-field input[type="date"] {
  color: #111418;
  color-scheme: light;
  background: #ffffff;
}

html[data-theme="light"] .field input:disabled {
  background: #f3f4f6;
}

html[data-theme="light"] .upload-card {
  background: #ffffff;
  border: 2px dashed #cfd3da;
}

html[data-theme="light"] .upload-info strong {
  color: #111418;
}

html[data-theme="light"] .upload-card.has-file {
  background: #f0fbf4;
}

html[data-theme="light"] .verification-note {
  background: #f7f8fa;
}

html[data-theme="light"] .float-field > span {
  background: linear-gradient(to bottom, var(--surface) 50%, #ffffff 50%);
}

html[data-theme="light"] .float-field input[readonly] + span {
  background: linear-gradient(to bottom, var(--surface) 50%, #f3f4f6 50%);
}

html[data-theme="light"] .phone-input .flag-code {
  border-right: 1px solid #dde0e5;
}

html[data-theme="light"] .pill-check {
  background: #ffffff;
}

html[data-theme="light"] .float-field input[readonly] + span {
  background: linear-gradient(to bottom, var(--surface) 50%, #f3f4f6 50%);
}

html[data-theme="light"] .terms-badge .tick {
  stroke: #111418;
}

html[data-theme="light"] .field .float-field input[type="number"] {
  color: #111418;
}

html[data-theme="light"] .field .float-field input:disabled {
  background: #f3f4f6;
}

html[data-theme="light"] .field .float-field input:disabled + span {
  background: linear-gradient(to bottom, var(--surface) 50%, #f3f4f6 50%);
}

html[data-theme="light"] #otpPage .otp-input {
  color: #111418;
}

html[data-theme="light"] .loc-item:hover,
html[data-theme="light"] .loc-item.is-active {
  background: rgba(0, 0, 0, 0.05);
}

html[data-theme="light"] .loc-state {
  background: rgba(0, 0, 0, 0.08);
}