/**
 * Join funnel light theme — WCAG AAA contrast pass
 * Background ~#eae5d9. Prefer near-black text + deep teal links (not #0bf9ea on cream).
 */

body.light-theme.waitlist-mode,
body.light-theme.waitlist-landing,
html[data-theme='light'] body.waitlist-mode,
html[data-theme='light'] body.waitlist-landing {
  background: var(--bg-page, #eae5d9) !important;
  color: #0a0a0a !important;
}

/* —— Landing / waitlist hero —— */
body.light-theme .waitlist-hero,
html[data-theme='light'] .waitlist-hero {
  color: #0a0a0a;
}

body.light-theme .waitlist-hero__title,
body.light-theme .waitlist-hero__title--small,
body.light-theme .waitlist-hero__title--large,
html[data-theme='light'] .waitlist-hero__title,
html[data-theme='light'] .waitlist-hero__title--small,
html[data-theme='light'] .waitlist-hero__title--large {
  color: #0a0a0a !important;
  opacity: 1 !important;
}

body.light-theme .waitlist-hero__subtitle,
html[data-theme='light'] .waitlist-hero__subtitle {
  color: #1f1f1f !important;
  opacity: 1 !important;
}

body.light-theme .waitlist-hero__form-fields,
html[data-theme='light'] .waitlist-hero__form-fields {
  border-color: rgba(10, 10, 10, 0.35) !important;
  background: #fff !important;
}

body.light-theme .waitlist-hero__form input[type='email'],
html[data-theme='light'] .waitlist-hero__form input[type='email'] {
  color: #0a0a0a !important;
  -webkit-text-fill-color: #0a0a0a !important;
}

body.light-theme .waitlist-hero__form input[type='email']::placeholder,
html[data-theme='light'] .waitlist-hero__form input[type='email']::placeholder {
  color: #3a3a3a !important;
  opacity: 1 !important;
}

body.light-theme .waitlist-hero__cta,
html[data-theme='light'] .waitlist-hero__cta {
  background: #0bf9ea !important;
  color: #000 !important;
  font-weight: 700 !important;
}

body.light-theme .waitlist-hero__cta:hover,
body.light-theme .waitlist-hero__cta:focus-visible,
html[data-theme='light'] .waitlist-hero__cta:hover,
html[data-theme='light'] .waitlist-hero__cta:focus-visible {
  background: #00d4c8 !important;
  color: #000 !important;
}

body.light-theme .join-signin-hint,
html[data-theme='light'] .join-signin-hint {
  color: #1f1f1f !important;
}

body.light-theme .join-signin-hint a,
html[data-theme='light'] .join-signin-hint a,
body.light-theme .header-signin-link,
html[data-theme='light'] .header-signin-link {
  color: #045a55 !important;
  font-weight: 700 !important;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

body.light-theme .join-signin-hint a:hover,
html[data-theme='light'] .join-signin-hint a:hover,
body.light-theme .header-signin-link:hover,
html[data-theme='light'] .header-signin-link:hover {
  color: #033f3b !important;
}

/* —— Header logo (join funnel) —— */
body.light-theme .dreamers-logo .logo-text,
html[data-theme='light'] .dreamers-logo .logo-text {
  color: #0a0a0a !important;
  opacity: 1 !important;
}

body.light-theme .dreamers-theme-toggle,
html[data-theme='light'] .dreamers-theme-toggle {
  color: #0a0a0a !important;
  border-color: rgba(10, 10, 10, 0.35) !important;
}

/* —— Role selection —— */
body.light-theme .dreamers-role-selection,
html[data-theme='light'] .dreamers-role-selection {
  background: var(--bg-page, #eae5d9) !important;
  color: #0a0a0a !important;
}

body.light-theme .role-selection-title,
html[data-theme='light'] .role-selection-title {
  color: #0a0a0a !important;
}

body.light-theme .role-selection-subtitle,
html[data-theme='light'] .role-selection-subtitle {
  color: #1f1f1f !important;
}

body.light-theme .role-card,
html[data-theme='light'] .role-card {
  background: #fff !important;
  border-color: rgba(10, 10, 10, 0.2) !important;
  color: #0a0a0a !important;
}

body.light-theme .role-card-title,
html[data-theme='light'] .role-card-title {
  color: #0a0a0a !important;
}

body.light-theme .role-card-description,
body.light-theme .role-card-features li,
html[data-theme='light'] .role-card-description,
html[data-theme='light'] .role-card-features li {
  color: #1f1f1f !important;
}

body.light-theme .role-card-cta,
html[data-theme='light'] .role-card-cta {
  font-weight: 700 !important;
}

/* Filled CTAs: bright brand fill + black label (never deep-teal text on fill) */
body.light-theme .role-card-creator .role-card-cta,
html[data-theme='light'] .role-card-creator .role-card-cta {
  background: #0bf9ea !important;
  color: #000 !important;
}

body.light-theme .role-card-creator:hover .role-card-cta,
html[data-theme='light'] .role-card-creator:hover .role-card-cta {
  background: #00d4c8 !important;
  color: #000 !important;
}

body.light-theme .role-card-employer .role-card-cta,
html[data-theme='light'] .role-card-employer .role-card-cta {
  background: #f9d654 !important;
  color: #000 !important;
}

body.light-theme .role-card-employer:hover .role-card-cta,
html[data-theme='light'] .role-card-employer:hover .role-card-cta {
  background: #e6be69 !important;
  color: #000 !important;
}

body.light-theme .role-selection-footer,
html[data-theme='light'] .role-selection-footer {
  color: #1f1f1f !important;
}

body.light-theme .role-selection-footer a,
html[data-theme='light'] .role-selection-footer a {
  color: #0a0a0a !important;
  background: #fff !important;
  border-color: rgba(10, 10, 10, 0.25) !important;
}

body.light-theme .dreamers-steps__heading,
html[data-theme='light'] .dreamers-steps__heading {
  color: #0a0a0a !important;
  opacity: 1 !important;
}

body.light-theme .dreamers-steps__caption,
html[data-theme='light'] .dreamers-steps__caption {
  color: #1f1f1f !important;
}

/* —— Auth / OTP —— */
body.light-theme .auth-page,
html[data-theme='light'] .auth-page {
  background: var(--bg-page, #eae5d9) !important;
  color: #0a0a0a !important;
}

body.light-theme .auth-header h1,
html[data-theme='light'] .auth-header h1 {
  color: #0a0a0a !important;
}

body.light-theme .auth-header p,
html[data-theme='light'] .auth-header p {
  color: #1f1f1f !important;
}

body.light-theme .role-badge,
html[data-theme='light'] .role-badge {
  font-weight: 700 !important;
  border-color: transparent !important;
}

/* Creator = teal badge; Client = gold badge */
body.light-theme .auth-page[data-role='creator'] .role-badge,
html[data-theme='light'] .auth-page[data-role='creator'] .role-badge {
  background: #0bf9ea !important;
  color: #000 !important;
}

body.light-theme .auth-page[data-role='employer'] .role-badge,
body.light-theme .auth-page[data-role='client'] .role-badge,
html[data-theme='light'] .auth-page[data-role='employer'] .role-badge,
html[data-theme='light'] .auth-page[data-role='client'] .role-badge {
  background: #f9d654 !important;
  color: #000 !important;
}

body.light-theme .auth-form,
html[data-theme='light'] .auth-form {
  background: #fff !important;
  border-color: rgba(10, 10, 10, 0.18) !important;
}

body.light-theme .auth-form .input-label,
html[data-theme='light'] .auth-form .input-label {
  color: #0a0a0a !important;
}

body.light-theme .auth-form .input-field,
html[data-theme='light'] .auth-form .input-field {
  color: #0a0a0a !important;
  border-color: rgba(10, 10, 10, 0.3) !important;
  background: #faf8f3 !important;
}

body.light-theme .auth-form .input-field::placeholder,
html[data-theme='light'] .auth-form .input-field::placeholder {
  color: #3a3a3a !important;
  opacity: 1 !important;
}

body.light-theme .auth-form .btn-primary,
body.light-theme .auth-form button.btn-primary,
html[data-theme='light'] .auth-form .btn-primary,
html[data-theme='light'] .auth-form button.btn-primary {
  background: #0bf9ea !important;
  color: #000 !important;
  font-weight: 700 !important;
}

body.light-theme .auth-terms-label,
html[data-theme='light'] .auth-terms-label {
  color: #1f1f1f !important;
}

body.light-theme .auth-terms-label a,
html[data-theme='light'] .auth-terms-label a {
  color: #045a55 !important;
  font-weight: 700 !important;
  text-decoration: underline;
}

body.light-theme .auth-footer,
html[data-theme='light'] .auth-footer {
  color: #1f1f1f !important;
}

body.light-theme .auth-footer a,
html[data-theme='light'] .auth-footer a {
  color: #045a55 !important;
  font-weight: 700 !important;
}

body.light-theme .otp-sent-to,
html[data-theme='light'] .otp-sent-to {
  color: #1f1f1f !important;
}

body.light-theme .otp-sent-to strong,
html[data-theme='light'] .otp-sent-to strong {
  color: #0a0a0a !important;
}

body.light-theme .otp-edit-btn,
html[data-theme='light'] .otp-edit-btn {
  color: #045a55 !important;
  font-weight: 700 !important;
}

body.light-theme .back-link,
html[data-theme='light'] .back-link {
  color: #0a0a0a !important;
}

body.light-theme .otp-input,
html[data-theme='light'] .otp-input {
  color: #0a0a0a !important;
  border-color: rgba(10, 10, 10, 0.3) !important;
  background: #fff !important;
}

/* —— Typeform onboarding —— */
body.light-theme .join-typeform,
html[data-theme='light'] .join-typeform {
  color: #0a0a0a !important;
  background: transparent;
}

body.light-theme .join-typeform__title,
html[data-theme='light'] .join-typeform__title {
  color: #0a0a0a !important;
}

body.light-theme .join-typeform__subtitle,
body.light-theme .join-typeform__eyebrow,
body.light-theme .join-typeform__progress-meta,
body.light-theme .join-typeform__meta,
html[data-theme='light'] .join-typeform__subtitle,
html[data-theme='light'] .join-typeform__eyebrow,
html[data-theme='light'] .join-typeform__progress-meta,
html[data-theme='light'] .join-typeform__meta {
  color: #1f1f1f !important;
}

body.light-theme .join-typeform__signed,
html[data-theme='light'] .join-typeform__signed {
  color: #1f1f1f !important;
}

body.light-theme .join-typeform__signed strong,
html[data-theme='light'] .join-typeform__signed strong {
  color: #045a55 !important;
}

body.light-theme .join-typeform__tip p,
html[data-theme='light'] .join-typeform__tip p {
  color: #1f1f1f !important;
}

body.light-theme .join-typeform__input,
body.light-theme .join-typeform__textarea,
html[data-theme='light'] .join-typeform__input,
html[data-theme='light'] .join-typeform__textarea {
  color: #0a0a0a !important;
  background: #fff !important;
  border-color: rgba(10, 10, 10, 0.28) !important;
}

body.light-theme .join-typeform__input::placeholder,
body.light-theme .join-typeform__textarea::placeholder,
html[data-theme='light'] .join-typeform__input::placeholder,
html[data-theme='light'] .join-typeform__textarea::placeholder {
  color: #3a3a3a !important;
  opacity: 1 !important;
}

body.light-theme .join-typeform__prefix,
body.light-theme .join-typeform__suffix,
body.light-theme .join-typeform__rate-currency,
body.light-theme .join-typeform__rate-unit,
html[data-theme='light'] .join-typeform__prefix,
html[data-theme='light'] .join-typeform__suffix,
html[data-theme='light'] .join-typeform__rate-currency,
html[data-theme='light'] .join-typeform__rate-unit {
  color: #1f1f1f !important;
}

body.light-theme .join-typeform__rate-input,
html[data-theme='light'] .join-typeform__rate-input {
  color: #0a0a0a !important;
}

body.light-theme .join-typeform__back,
body.light-theme .join-typeform__skip,
html[data-theme='light'] .join-typeform__back,
html[data-theme='light'] .join-typeform__skip {
  color: #0a0a0a !important;
  font-weight: 700 !important;
}

body.light-theme .join-typeform__back:hover:not(:disabled),
body.light-theme .join-typeform__skip:hover,
html[data-theme='light'] .join-typeform__back:hover:not(:disabled),
html[data-theme='light'] .join-typeform__skip:hover {
  color: #045a55 !important;
}

body.light-theme .join-typeform__next,
html[data-theme='light'] .join-typeform__next {
  background: #0bf9ea !important;
  color: #000 !important;
  font-weight: 800 !important;
}

body.light-theme .join-typeform__skill,
html[data-theme='light'] .join-typeform__skill {
  color: #0a0a0a !important;
  border-color: rgba(10, 10, 10, 0.25) !important;
  background: #fff !important;
}

body.light-theme .join-typeform__skill.is-on,
html[data-theme='light'] .join-typeform__skill.is-on {
  background: #0bf9ea !important;
  border-color: #045a55 !important;
  color: #000 !important;
}

body.light-theme button.join-typeform__tag,
html[data-theme='light'] button.join-typeform__tag {
  background: #0a0a0a !important;
  color: #fff !important;
  border-color: #0a0a0a !important;
}

body.light-theme .join-typeform__drop,
html[data-theme='light'] .join-typeform__drop {
  color: #0a0a0a !important;
  border-color: rgba(4, 90, 85, 0.45) !important;
  background: rgba(4, 90, 85, 0.06) !important;
}

body.light-theme .join-typeform__drop span,
html[data-theme='light'] .join-typeform__drop span {
  color: #1f1f1f !important;
}

body.light-theme .join-typeform__files li,
html[data-theme='light'] .join-typeform__files li {
  color: #0a0a0a !important;
  background: #fff !important;
  border-color: rgba(10, 10, 10, 0.15) !important;
}

body.light-theme .join-typeform__files button,
html[data-theme='light'] .join-typeform__files button {
  color: #045a55 !important;
  font-weight: 700 !important;
}

body.light-theme .join-typeform__ghost,
html[data-theme='light'] .join-typeform__ghost {
  color: #045a55 !important;
}

body.light-theme button.join-media-hit--avatar.join-media-hit--empty,
body.light-theme button.join-media-hit--cover-empty,
html[data-theme='light'] button.join-media-hit--avatar.join-media-hit--empty,
html[data-theme='light'] button.join-media-hit--cover-empty {
  color: #0a0a0a !important;
  border-color: rgba(4, 90, 85, 0.5) !important;
  background: rgba(255, 255, 255, 0.85) !important;
}

/* —— Review preview —— */
body.light-theme .join-review,
html[data-theme='light'] .join-review {
  color: #0a0a0a;
}

body.light-theme .join-review__eyebrow,
html[data-theme='light'] .join-review__eyebrow {
  color: #045a55 !important;
}

body.light-theme .join-review__title,
html[data-theme='light'] .join-review__title {
  color: #0a0a0a !important;
}

body.light-theme .join-review__subtitle,
html[data-theme='light'] .join-review__subtitle {
  color: #1f1f1f !important;
}

body.light-theme .join-review__profile .provider-name,
html[data-theme='light'] .join-review__profile .provider-name {
  color: #0a0a0a !important;
}

body.light-theme .join-review__profile .provider-real-name,
body.light-theme .join-review__profile .provider-name-tagline,
body.light-theme .join-review__profile .provider-bio p,
html[data-theme='light'] .join-review__profile .provider-real-name,
html[data-theme='light'] .join-review__profile .provider-name-tagline,
html[data-theme='light'] .join-review__profile .provider-bio p {
  color: #1f1f1f !important;
}

body.light-theme .join-review__missing,
html[data-theme='light'] .join-review__missing {
  color: #3a3a3a !important;
}

body.light-theme .join-review__inline,
html[data-theme='light'] .join-review__inline {
  background: #fff !important;
  border-color: rgba(4, 90, 85, 0.35) !important;
}

body.light-theme .join-review__inline-title,
html[data-theme='light'] .join-review__inline-title {
  color: #045a55 !important;
}

body.light-theme .join-review__field-label,
html[data-theme='light'] .join-review__field-label {
  color: #1f1f1f !important;
}

body.light-theme .join-review__username-at,
html[data-theme='light'] .join-review__username-at {
  color: #045a55 !important;
}

body.light-theme .join-review__footer-actions .btn-primary,
html[data-theme='light'] .join-review__footer-actions .btn-primary {
  background: #0bf9ea !important;
  color: #000 !important;
  font-weight: 800 !important;
}

body.light-theme .join-review__footer-actions .btn-secondary,
html[data-theme='light'] .join-review__footer-actions .btn-secondary {
  color: #0a0a0a !important;
  border-color: rgba(10, 10, 10, 0.35) !important;
  background: #fff !important;
  font-weight: 700 !important;
}

body.light-theme button.join-review__reel--add,
html[data-theme='light'] button.join-review__reel--add {
  color: #045a55 !important;
  border-color: rgba(4, 90, 85, 0.5) !important;
  background: rgba(4, 90, 85, 0.06) !important;
}

body.light-theme .join-review__portfolio-head h2,
html[data-theme='light'] .join-review__portfolio-head h2 {
  color: #0a0a0a !important;
}

/* —— Pending approval —— */
body.light-theme .dreamers-pending-approval,
html[data-theme='light'] .dreamers-pending-approval {
  color: #0a0a0a !important;
}

body.light-theme .pending-content,
html[data-theme='light'] .pending-content {
  background: #fff !important;
  border-color: rgba(10, 10, 10, 0.18) !important;
}

body.light-theme .pending-status-badge,
html[data-theme='light'] .pending-status-badge {
  color: #0a0a0a !important;
  border-color: rgba(10, 10, 10, 0.25) !important;
  background: rgba(230, 190, 105, 0.25) !important;
}

body.light-theme .pending-title,
html[data-theme='light'] .pending-title {
  color: #0a0a0a !important;
}

body.light-theme .pending-subtitle,
body.light-theme .pending-footer,
body.light-theme .pending-footer p,
html[data-theme='light'] .pending-subtitle,
html[data-theme='light'] .pending-footer,
html[data-theme='light'] .pending-footer p {
  color: #1f1f1f !important;
}

body.light-theme .pending-footer a,
html[data-theme='light'] .pending-footer a {
  color: #045a55 !important;
  font-weight: 700 !important;
}

body.light-theme .status-timeline .timeline-step,
html[data-theme='light'] .status-timeline .timeline-step {
  background: #faf8f3 !important;
  border-color: rgba(10, 10, 10, 0.15) !important;
}

body.light-theme .status-timeline .step-content h4,
html[data-theme='light'] .status-timeline .step-content h4 {
  color: #0a0a0a !important;
}

body.light-theme .status-timeline .step-content p,
html[data-theme='light'] .status-timeline .step-content p {
  color: #1f1f1f !important;
}

body.light-theme .pending-actions .btn-primary,
html[data-theme='light'] .pending-actions .btn-primary {
  background: #0bf9ea !important;
  color: #000 !important;
  font-weight: 800 !important;
}

body.light-theme .pending-actions .btn:not(.btn-primary),
html[data-theme='light'] .pending-actions .btn:not(.btn-primary) {
  color: #0a0a0a !important;
  border-color: rgba(10, 10, 10, 0.3) !important;
  background: #fff !important;
}

/* —— Toast / page loader on light —— */
body.light-theme .dreamers-page-loader,
html[data-theme='light'] .dreamers-page-loader {
  background: #eae5d9 !important;
}

body.light-theme .dreamers-media-busy__label,
html[data-theme='light'] .dreamers-media-busy__label {
  color: #045a55 !important;
  text-shadow: none;
}

body.light-theme .dreamers-media-busy__base,
html[data-theme='light'] .dreamers-media-busy__base {
  background: #d4d0c6 !important;
}

/* Client / employer gold accents stay readable on light */
body.light-theme .join-typeform__badge--client,
html[data-theme='light'] .join-typeform__badge--client {
  background: #c9a227 !important;
  color: #0a0a0a !important;
}

body.light-theme .join-typeform__next--client,
html[data-theme='light'] .join-typeform__next--client {
  background: #c9a227 !important;
  color: #0a0a0a !important;
}

body.light-theme .join-typeform--client .join-typeform__progress-fill,
html[data-theme='light'] .join-typeform--client .join-typeform__progress-fill {
  background: #c9a227 !important;
}