/* ═══════════════════════════════════════════════════════════════
   Cross-page light theme for Brand journey pages
   Applied when html[data-theme="light"] (preference from home toggle)
═══════════════════════════════════════════════════════════════ */

html[data-theme="light"] body {
  background: #f1f5f9 !important;
  color: #1e293b !important;
}

html[data-theme="light"] .container {
  color: #1e293b;
}

/* ── Headers / chrome ─────────────────────────────────────────── */
html[data-theme="light"] .header,
html[data-theme="light"] .intro-header,
html[data-theme="light"] .framing-header,
html[data-theme="light"] .results-header,
html[data-theme="light"] .survey-header {
  color: #0f172a !important;
}

html[data-theme="light"] .survey-header {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] .diamond-logo h1,
html[data-theme="light"] .brand-name-display,
html[data-theme="light"] .main-heading,
html[data-theme="light"] .results-header h1,
html[data-theme="light"] .header h1,
html[data-theme="light"] .framing-title h2 {
  color: #0f172a !important;
}

html[data-theme="light"] .framing-title p {
  color: #475569 !important;
}

html[data-theme="light"] .logo-subtext,
html[data-theme="light"] .tagline,
html[data-theme="light"] .subtitle,
html[data-theme="light"] .assessing-info,
html[data-theme="light"] .progress-label,
html[data-theme="light"] .progress-text,
html[data-theme="light"] .results-meta {
  color: #64748b !important;
}

html[data-theme="light"] .logo-subtext a,
html[data-theme="light"] a {
  color: #7c3aed;
}

html[data-theme="light"] .highlight {
  color: #7c3aed !important;
}

html[data-theme="light"] .progress-bar {
  background: #e2e8f0 !important;
}

/* ── Shared dark panels → light ───────────────────────────────── */
html[data-theme="light"] .survey-section,
html[data-theme="light"] .setup-card,
html[data-theme="light"] .intro-card,
html[data-theme="light"] .form-card,
html[data-theme="light"] .framing-card,
html[data-theme="light"] .results-card,
html[data-theme="light"] .brand-summary-card,
html[data-theme="light"] .ocean-table-card,
html[data-theme="light"] .ocean-table-panel,
html[data-theme="light"] .radar-panel,
html[data-theme="light"] .radar-card,
html[data-theme="light"] .insights-section,
html[data-theme="light"] .insights-card,
html[data-theme="light"] .insight-item,
html[data-theme="light"] .benefit-card,
html[data-theme="light"] .optional-section,
html[data-theme="light"] .file-upload-box,
html[data-theme="light"] .question-card,
html[data-theme="light"] .question-item,
html[data-theme="light"] .survey-content,
html[data-theme="light"] .complete-card,
html[data-theme="light"] .demo-limitations,
html[data-theme="light"] .loading-container,
html[data-theme="light"] .report-container,
html[data-theme="light"] .report-section,
html[data-theme="light"] .report-content,
html[data-theme="light"] .contact-modal,
html[data-theme="light"] .modal-content,
html[data-theme="light"] .unlock-modal-content,
html[data-theme="light"] .unlock-modal,
html[data-theme="light"] .continue-section,
html[data-theme="light"] .diamond-cta-section,
html[data-theme="light"] .unlock-section,
html[data-theme="light"] .unlock-card,
html[data-theme="light"] .progress-card,
html[data-theme="light"] .report-progress-section,
html[data-theme="light"] .success-content {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  color: #334155 !important;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] .optional-section {
  background: #f8fafc !important;
}

html[data-theme="light"] .file-upload-box {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
}

html[data-theme="light"] .file-upload-box:hover {
  background: #f1f5f9 !important;
  border-color: #7c3aed !important;
}

/* Nested darker strips inside panels */
html[data-theme="light"] .dimension-item,
html[data-theme="light"] .completion-details {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
}

/* ── Typography inside light panels ───────────────────────────── */
html[data-theme="light"] .survey-section h2,
html[data-theme="light"] .setup-card h2,
html[data-theme="light"] .intro-card h2,
html[data-theme="light"] .complete-card h2,
html[data-theme="light"] .ocean-table-panel h2,
html[data-theme="light"] .radar-panel h2,
html[data-theme="light"] .insights-section h2,
html[data-theme="light"] .brand-summary-card h2,
html[data-theme="light"] .brand-summary-card h3,
html[data-theme="light"] .benefit-card h3,
html[data-theme="light"] .optional-section h3,
html[data-theme="light"] .card-content h3,
html[data-theme="light"] .framing-card h3,
html[data-theme="light"] .explanation-section h3,
html[data-theme="light"] .strengths-column h3,
html[data-theme="light"] .improvements-column h3,
html[data-theme="light"] .section-title,
html[data-theme="light"] .report-title,
html[data-theme="light"] .continue-section h2,
html[data-theme="light"] .diamond-cta-section h2,
html[data-theme="light"] .unlock-content h3,
html[data-theme="light"] .progress-header h3,
html[data-theme="light"] .success-content h3 {
  color: #0f172a !important;
}

html[data-theme="light"] .strengths-column h3 {
  color: #059669 !important;
}

html[data-theme="light"] .improvements-column h3 {
  color: #db2777 !important;
}

html[data-theme="light"] .benefit-card p,
html[data-theme="light"] .card-content p,
html[data-theme="light"] .framing-card p,
html[data-theme="light"] .explanation-section p,
html[data-theme="light"] .brand-summary-content p,
html[data-theme="light"] .insight-text,
html[data-theme="light"] .complete-card p,
html[data-theme="light"] .file-label,
html[data-theme="light"] .file-subtext,
html[data-theme="light"] .dimension-item p,
html[data-theme="light"] .benefits-list li,
html[data-theme="light"] .unavailable-questions li,
html[data-theme="light"] .time-estimate,
html[data-theme="light"] .limitations-intro,
html[data-theme="light"] .continue-section p,
html[data-theme="light"] .diamond-cta-section p,
html[data-theme="light"] .insights-error,
html[data-theme="light"] .loading-container p,
html[data-theme="light"] .loading-container h3 {
  color: #475569 !important;
}

html[data-theme="light"] .form-group label {
  color: #334155 !important;
}

/* ── Forms ────────────────────────────────────────────────────── */
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .form-group input,
html[data-theme="light"] .form-group select,
html[data-theme="light"] .form-group textarea {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder {
  color: #94a3b8 !important;
}

html[data-theme="light"] .form-group input:focus,
html[data-theme="light"] .form-group select:focus {
  border-color: #7c3aed !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15) !important;
}

/* ── Tables / scores ──────────────────────────────────────────── */
html[data-theme="light"] table,
html[data-theme="light"] .ocean-table {
  background: #ffffff;
  color: #334155;
}

html[data-theme="light"] th,
html[data-theme="light"] .ocean-table th {
  background: #f8fafc !important;
  color: #64748b !important;
  border-color: #e2e8f0 !important;
}

html[data-theme="light"] td,
html[data-theme="light"] .ocean-table td,
html[data-theme="light"] .trait-name,
html[data-theme="light"] .score-value {
  color: #334155 !important;
  border-color: #f1f5f9 !important;
}

html[data-theme="light"] .trait-description {
  color: #64748b !important;
}

html[data-theme="light"] .ocean-table tr:hover {
  background: #f8fafc !important;
}

html[data-theme="light"] .classification.low,
html[data-theme="light"] .classification.medium,
html[data-theme="light"] .classification.high {
  background: #e2e8f0 !important;
  color: #334155 !important;
}

/* ── Framing cards ────────────────────────────────────────────── */
html[data-theme="light"] .framing-card {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
}

html[data-theme="light"] .framing-card.selected {
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.08), rgba(59, 130, 246, 0.08)) !important;
  border-color: #a855f7 !important;
}

html[data-theme="light"] .radio-container label {
  border-color: #94a3b8 !important;
}

/* ── Loading / secondary buttons ──────────────────────────────── */
html[data-theme="light"] .loading-state,
html[data-theme="light"] .insights-loading {
  color: #64748b !important;
}

html[data-theme="light"] .btn-secondary,
html[data-theme="light"] .btn-ghost {
  background: #f8fafc !important;
  color: #475569 !important;
  border-color: #cbd5e1 !important;
}

html[data-theme="light"] .navigation-buttons {
  border-top-color: #e2e8f0 !important;
}

/* ── Error banner on results ──────────────────────────────────── */
html[data-theme="light"] .error-banner,
html[data-theme="light"] .ai-error-banner {
  background: #fef2f2 !important;
  border-color: #fecaca !important;
  color: #991b1b !important;
}

/* ── Report viewer leftovers ──────────────────────────────────── */
html[data-theme="light"] .brand-name {
  color: #0f172a !important;
}

/* ── Survey questions (trait cards / sliders) ─────────────────── */
html[data-theme="light"] .question-item {
  background: #ffffff !important;
  border-left-color: #cbd5e1 !important;
}

html[data-theme="light"] .question-item.answered {
  background: #f8fafc !important;
  border-left-color: #059669 !important;
}

html[data-theme="light"] .question-statement {
  color: #0f172a !important;
}

html[data-theme="light"] .business-context {
  color: #64748b !important;
}

html[data-theme="light"] .question-slider-labels,
html[data-theme="light"] .question-slider-scale,
html[data-theme="light"] .slider-labels,
html[data-theme="light"] .slider-scale {
  color: #64748b !important;
}

html[data-theme="light"] .question-slider-value {
  color: #0f172a !important;
}

html[data-theme="light"] .question-slider,
html[data-theme="light"] input[type="range"].question-slider {
  background: #e2e8f0 !important;
}

html[data-theme="light"] .report-progress-section,
html[data-theme="light"] .progress-card {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  color: #334155 !important;
}

html[data-theme="light"] .progress-header h3 {
  color: #0f172a !important;
}

html[data-theme="light"] .progress-header p {
  color: #475569 !important;
}

/* ── Report viewer (loading + chrome) ─────────────────────────── */
html[data-theme="light"] body {
  background: #f1f5f9 !important;
  color: #1e293b !important;
}

html[data-theme="light"] .report-header {
  background: #ffffff !important;
  border-bottom-color: #e2e8f0 !important;
}

html[data-theme="light"] .report-header .brand-name,
html[data-theme="light"] .report-header .progress-label {
  color: #0f172a !important;
}

html[data-theme="light"] .report-section,
html[data-theme="light"] .report-loading-card {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  color: #334155 !important;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] .report-loading-spinner {
  border-color: #e2e8f0 !important;
  border-top-color: #7c3aed !important;
}

html[data-theme="light"] .report-loading-title,
html[data-theme="light"] .report-loading-steps h4,
html[data-theme="light"] .report-loading-progress-meta #progress-text,
html[data-theme="light"] .report-title,
html[data-theme="light"] .section-title {
  color: #0f172a !important;
}

html[data-theme="light"] .report-loading-message,
html[data-theme="light"] .report-loading-stage,
html[data-theme="light"] .report-loading-progress-meta #progress-percentage {
  color: #7c3aed !important;
}

html[data-theme="light"] .report-loading-note,
html[data-theme="light"] .report-subtitle {
  color: #64748b !important;
}

html[data-theme="light"] .report-loading-steps,
html[data-theme="light"] .report-loading-steps ul,
html[data-theme="light"] .report-loading-steps li,
html[data-theme="light"] .content-text,
html[data-theme="light"] .content-text p,
html[data-theme="light"] .content-text li {
  color: #334155 !important;
}

html[data-theme="light"] .report-loading-track {
  background: #e2e8f0 !important;
}

html[data-theme="light"] .trait-content {
  background: #f8fafc !important;
}

html[data-theme="light"] .content-text strong {
  color: #0f172a !important;
}

html[data-theme="light"] .messaging-list li {
  background: #f8fafc !important;
  color: #334155 !important;
}

html[data-theme="light"] .error-message {
  background: #fef2f2 !important;
  border-color: #fecaca !important;
  color: #991b1b !important;
}

/* Unlock / contact modals on report + results */
html[data-theme="light"] .modal-content,
html[data-theme="light"] .unlock-modal,
html[data-theme="light"] .modal-body {
  background: #ffffff !important;
  color: #0f172a !important;
}

html[data-theme="light"] .modal-description,
html[data-theme="light"] .unlock-content p,
html[data-theme="light"] .unlock-subtitle {
  color: #0f172a !important;
}

html[data-theme="light"] .modal-header h2,
html[data-theme="light"] .modal-header h3,
html[data-theme="light"] .unlock-content h3 {
  color: #0f172a !important;
}

html[data-theme="light"] .modal-close {
  color: #334155 !important;
}

html[data-theme="light"] .modal-close:hover {
  background: #e2e8f0 !important;
  color: #0f172a !important;
}

html[data-theme="light"] .form-group label,
html[data-theme="light"] .unlock-modal .form-group label {
  color: #0f172a !important;
}

html[data-theme="light"] .form-actions .btn-secondary,
html[data-theme="light"] .btn-secondary {
  background: #f8fafc !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
}

/* Final report body — beat dark-mode inline colors */
html[data-theme="light"] .report-section,
html[data-theme="light"] .report-section p,
html[data-theme="light"] .report-section li,
html[data-theme="light"] .report-section span,
html[data-theme="light"] .content-text,
html[data-theme="light"] .content-text p,
html[data-theme="light"] .content-text li,
html[data-theme="light"] .content-text span,
html[data-theme="light"] .ocean-table td,
html[data-theme="light"] .ocean-table th {
  color: #0f172a !important;
}

html[data-theme="light"] .report-section h1,
html[data-theme="light"] .report-section h2,
html[data-theme="light"] .report-section h3,
html[data-theme="light"] .report-section h4,
html[data-theme="light"] .content-text h1,
html[data-theme="light"] .content-text h2,
html[data-theme="light"] .content-text h3,
html[data-theme="light"] .content-text h4,
html[data-theme="light"] .section-title {
  color: #0f172a !important;
}

html[data-theme="light"] .report-body-text,
html[data-theme="light"] .report-bullet .report-body-text {
  color: #0f172a !important;
}