/**
 * Review submission page — light theme only.
 * review.html. Dark mode untouched.
 * Tokens: css/brand-theme.css
 *
 * Note: header/main live under #review-app (not direct children of body).
 */

html:not(.dark) body.review-page {
  background-color: #F5F2E9 !important;
  color: #1D1D1D !important;
}

html:not(.dark) body.review-page header {
  background-color: rgba(245, 242, 233, 0.92) !important;
  border-bottom-color: #D7D1C3 !important;
  backdrop-filter: blur(8px);
}

/* Brand wordmark — must stay dark on cream (do not inherit washed-out muted text) */
html:not(.dark) body.review-page header a {
  color: #1D1D1D !important;
}

html:not(.dark) body.review-page header a span,
html:not(.dark) body.review-page header a .font-semibold {
  color: #1D1D1D !important;
  opacity: 1 !important;
}

/* Logo mark: no filters/opacity wash; white disc so green icon contrasts on cream */
html:not(.dark) body.review-page header a img {
  filter: none !important;
  opacity: 1 !important;
  background-color: #FFFFFF !important;
  box-shadow: 0 0 0 1px #D7D1C3 !important;
}

html:not(.dark) body.review-page main > a {
  color: rgba(29, 29, 29, 0.65) !important;
}

html:not(.dark) body.review-page main > a:hover {
  color: #1D1D1D !important;
}

/* Outer form card — cream (matches app light surfaces), not white */
html:not(.dark) body.review-page main > div.rounded-2xl {
  background-color: #F5F2E9 !important;
  border: 1px solid #D7D1C3 !important;
  box-shadow: 0 30px 80px -20px rgba(13, 92, 79, 0.15) !important;
}

html:not(.dark) body.review-page h1 {
  color: #1D1D1D !important;
}

html:not(.dark) body.review-page label,
html:not(.dark) body.review-page .text-slate-500,
html:not(.dark) body.review-page .text-slate-600,
html:not(.dark) body.review-page .text-slate-400 {
  color: rgba(29, 29, 29, 0.65) !important;
}

/* Inputs: white insets on cream card for readable field contrast */
html:not(.dark) #review-form input,
html:not(.dark) #review-form textarea {
  background-color: #FFFFFF !important;
  border: 1px solid #D7D1C3 !important;
  color: #1D1D1D !important;
}

html:not(.dark) #review-form input:focus,
html:not(.dark) #review-form textarea:focus {
  border-color: #18B98F !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(24, 185, 143, 0.12) !important;
}

html:not(.dark) #review-form input::placeholder,
html:not(.dark) #review-form textarea::placeholder {
  color: rgba(29, 29, 29, 0.45) !important;
}

html:not(.dark) #review-submit {
  background: #18B98F !important;
  border: 1px solid #18B98F !important;
  color: #FFFFFF !important;
  box-shadow: 0 1px 2px rgba(29, 29, 29, 0.06) !important;
}

html:not(.dark) #review-submit:hover {
  filter: brightness(1.05);
}

html:not(.dark) #review-thanks {
  background-color: #F5F2E9 !important;
}

html:not(.dark) #review-thanks p.text-slate-900 {
  color: #1D1D1D !important;
}

html:not(.dark) #review-thanks p.text-slate-500 {
  color: rgba(29, 29, 29, 0.65) !important;
}

html:not(.dark) .review-star-btn {
  color: #D7D1C3;
}

html:not(.dark) .review-star-btn.is-filled,
html:not(.dark) .review-star-btn.is-preview {
  color: #b45309;
}