/* ═══════════════════════════════════════════════════════════
   LIGHT THEME — Breaking The Scroll
   Premium hardcover editorial reading experience
   Dark theme unchanged. Layout untouched.
   ═══════════════════════════════════════════════════════════ */

[data-theme="light"] {
  color-scheme: light;

  --cin-bg: #EDE3D3;
  --cin-bg2: #E3D6C3;
  --cin-bg-alt: #DDD0BD;
  --cin-card: #F8F4ED;
  --cin-card-hover: #FCF8F2;
  --cin-card-border: #D8CCBC;
  --cin-card-shadow: 0 10px 30px rgba(27, 27, 27, 0.07);
  --cin-card-shadow-hover: 0 16px 40px rgba(27, 27, 27, 0.09), 0 0 24px rgba(217, 119, 6, 0.12);
  --cin-accent: #D97706;
  --cin-accent2: #FF8A3D;
  --cin-glow: #FF8A3D;
  --cin-icon: #D97706;
  --cin-text: #1B1B1B;
  --cin-muted: #57534E;
  --cin-muted-2: #6B6560;
  --cin-border: #D8CCBC;
  --cin-divider: #CFC2B1;
  --cin-shadow: var(--cin-card-shadow);
  --cin-shadow-hover: var(--cin-card-shadow-hover);

  /* Page-level tokens (index, editorial inline) */
  --bg-deep: #EDE3D3;
  --bg-primary: #EDE3D3;
  --bg-secondary: #E3D6C3;
  --bg-section: #E3D6C3;
  --bg-elevated: #F8F4ED;
  --bg-card: #F8F4ED;
  --bg-card-hover: #FCF8F2;
  --card-bg: #F8F4ED;
  --accent: #D97706;
  --accent-primary: #D97706;
  --accent-secondary: #FF8A3D;
  --accent-light: #FF8A3D;
  --accent-glow: #FF8A3D;
  --text-primary: #1B1B1B;
  --text-secondary: #57534E;
  --text-muted: #6B6560;
  --border: #D8CCBC;
  --border-light: #D8CCBC;
  --border-accent: rgba(217, 119, 6, 0.28);
  --shadow: 0 10px 30px rgba(27, 27, 27, 0.07);
  --shadow-soft: 0 6px 20px rgba(27, 27, 27, 0.05);
  --shadow-dramatic: 0 16px 40px rgba(27, 27, 27, 0.09);
}

/* ── Smooth theme transitions ── */
html.theme-transitions[data-theme="light"],
html.theme-transitions[data-theme="light"] body,
html.theme-transitions[data-theme="light"] .site-header,
html.theme-transitions[data-theme="light"] .navbar,
html.theme-transitions[data-theme="light"] main section,
html.theme-transitions[data-theme="light"] footer,
html.theme-transitions[data-theme="light"] .quote-panel,
html.theme-transitions[data-theme="light"] .principle,
html.theme-transitions[data-theme="light"] .part,
html.theme-transitions[data-theme="light"] .tool-card,
html.theme-transitions[data-theme="light"] .challenge-card,
html.theme-transitions[data-theme="light"] .testimonial,
html.theme-transitions[data-theme="light"] .buy-panel,
html.theme-transitions[data-theme="light"] .author-box,
html.theme-transitions[data-theme="light"] .newsletter-box,
html.theme-transitions[data-theme="light"] .button,
html.theme-transitions[data-theme="light"] .btn,
html.theme-transitions[data-theme="light"] .card,
html.theme-transitions[data-theme="light"] .question-card,
html.theme-transitions[data-theme="light"] .hero {
  transition:
    background 280ms ease,
    background-color 280ms ease,
    color 280ms ease,
    border-color 280ms ease,
    box-shadow 280ms ease !important;
}

/* ── Global canvas ── */
[data-theme="light"] html,
[data-theme="light"] body {
  background: var(--cin-bg) !important;
  color: var(--cin-text) !important;
}

[data-theme="light"] body {
  background:
    radial-gradient(900px 500px at 85% 15%, rgba(217, 119, 6, 0.06), transparent 58%),
    radial-gradient(600px 380px at 12% 78%, rgba(255, 138, 61, 0.05), transparent 55%),
    linear-gradient(180deg, var(--cin-bg), var(--cin-bg2) 48%, var(--cin-bg)) !important;
}

[data-theme="light"] body::after {
  background: radial-gradient(ellipse at center, transparent 62%, rgba(221, 208, 189, 0.4) 100%) !important;
}

/* ── Alternating editorial sections ── */
[data-theme="light"] main > section:nth-of-type(odd),
[data-theme="light"] body > section.hero {
  background: #EDE3D3 !important;
}

[data-theme="light"] main > section:nth-of-type(even) {
  background: #E3D6C3 !important;
}

[data-theme="light"] main > section:nth-of-type(3n):not(.hero) {
  background: #DDD0BD !important;
}

[data-theme="light"] .premise-section,
[data-theme="light"] #inside,
[data-theme="light"] #testimonials,
[data-theme="light"] #newsletter,
[data-theme="light"] #community,
[data-theme="light"] #tools,
[data-theme="light"] #challenge,
[data-theme="light"] #buy,
[data-theme="light"] .author,
[data-theme="light"] .cta,
[data-theme="light"] .luxury-transition,
[data-theme="light"] .method-section,
[data-theme="light"] .method,
[data-theme="light"] .band,
[data-theme="light"] .insight-section,
[data-theme="light"] .hub-section,
[data-theme="light"] .premise,
[data-theme="light"] .inside-section,
[data-theme="light"] .challenge-section,
[data-theme="light"] .buy-section,
[data-theme="light"] .testimonials-section,
[data-theme="light"] .newsletter-section,
[data-theme="light"] .author-section,
[data-theme="light"] .cta-section {
  background: transparent !important;
  border-block-color: var(--cin-divider) !important;
}

[data-theme="light"] main section:not(.hero)::before,
[data-theme="light"] section.band::before,
[data-theme="light"] section.buy::before,
[data-theme="light"] section.author::before,
[data-theme="light"] .method::before {
  background:
    radial-gradient(ellipse 55% 45% at 20% 40%, rgba(217, 119, 6, 0.05), transparent 58%),
    radial-gradient(ellipse 45% 35% at 80% 60%, rgba(255, 138, 61, 0.04), transparent 55%) !important;
}

[data-theme="light"] .premise-section::before {
  background: radial-gradient(circle, rgba(217, 119, 6, 0.06) 0%, transparent 60%) !important;
}

/* ── Typography ── */
[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] .serif,
[data-theme="light"] .hero-title,
[data-theme="light"] .section-title,
[data-theme="light"] .footer-brand strong,
[data-theme="light"] .footer-col h4 {
  color: var(--cin-text) !important;
}

[data-theme="light"] p,
[data-theme="light"] .lede,
[data-theme="light"] .hero-copy,
[data-theme="light"] .hero-subtitle,
[data-theme="light"] .section-desc,
[data-theme="light"] .muted,
[data-theme="light"] .footer-col a,
[data-theme="light"] .footer-brand p {
  color: var(--cin-muted) !important;
}

[data-theme="light"] .section-kicker,
[data-theme="light"] .eyebrow,
[data-theme="light"] .card-kicker,
[data-theme="light"] .section-label,
[data-theme="light"] .hero-badge,
[data-theme="light"] .part small,
[data-theme="light"] .form-label,
[data-theme="light"] .bp-label {
  color: var(--cin-accent) !important;
}

/* ── Unified cards ── */
[data-theme="light"] .quote-panel,
[data-theme="light"] .principle,
[data-theme="light"] .diagram-frame,
[data-theme="light"] .resource-card,
[data-theme="light"] .challenge-card,
[data-theme="light"] .tool-card,
[data-theme="light"] .testimonial,
[data-theme="light"] .newsletter-box,
[data-theme="light"] .community-card,
[data-theme="light"] .buy-panel,
[data-theme="light"] .part,
[data-theme="light"] .format-grid article,
[data-theme="light"] .community-stats .quote-panel,
[data-theme="light"] .author-box,
[data-theme="light"] .card,
[data-theme="light"] .question-card,
[data-theme="light"] .insight-card,
[data-theme="light"] .result-panel,
[data-theme="light"] .certificate-card,
[data-theme="light"] .ai-mirror-card,
[data-theme="light"] .completed-panel,
[data-theme="light"] .day-card-content,
[data-theme="light"] .panel,
[data-theme="light"] .bp-item,
[data-theme="light"] .hub-card,
[data-theme="light"] .day-card,
[data-theme="light"] .progress-card,
[data-theme="light"] .tool-panel,
[data-theme="light"] .message,
[data-theme="light"] .email-form,
[data-theme="light"] .option,
[data-theme="light"] .preview-day-item,
[data-theme="light"] .modal-content,
[data-theme="light"] .certificate,
[data-theme="light"] .method .steps,
[data-theme="light"] .loop-system__node,
[data-theme="light"] .footer-social a,
[data-theme="light"] .author-social a {
  background: var(--cin-card) !important;
  border: 1px solid var(--cin-border) !important;
  border-radius: 24px !important;
  box-shadow: var(--cin-card-shadow) !important;
  color: var(--cin-text) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

[data-theme="light"] .quote-panel:hover,
[data-theme="light"] .principle:hover,
[data-theme="light"] .challenge-card:hover,
[data-theme="light"] .tool-card:hover,
[data-theme="light"] .testimonial:hover,
[data-theme="light"] .part:hover,
[data-theme="light"] .format-grid article:hover,
[data-theme="light"] .community-stats .quote-panel:hover,
[data-theme="light"] .author-box:hover,
[data-theme="light"] .newsletter-box:hover,
[data-theme="light"] .buy-panel:hover,
[data-theme="light"] .card:hover,
[data-theme="light"] .question-card:hover,
[data-theme="light"] .hub-card:hover,
[data-theme="light"] .day-card:hover,
[data-theme="light"] #inside .part:hover {
  transform: translateY(-8px) !important;
  background: var(--cin-card-hover) !important;
  border-color: rgba(217, 119, 6, 0.35) !important;
  box-shadow: var(--cin-card-shadow-hover) !important;
}

/* Inside the Book — warm ivory chapter tones */
[data-theme="light"] #inside .part:nth-child(1),
[data-theme="light"] #inside .part:nth-child(2),
[data-theme="light"] #inside .part:nth-child(3),
[data-theme="light"] #inside .part:nth-child(4),
[data-theme="light"] .premise-section .principle,
[data-theme="light"] .premise-section .principle:nth-child(1),
[data-theme="light"] .premise-section .principle:nth-child(2),
[data-theme="light"] .premise-section .principle:nth-child(3),
[data-theme="light"] .premise-section .principle:nth-child(4) {
  background: var(--cin-card) !important;
  border: 1px solid var(--cin-border) !important;
  box-shadow: var(--cin-card-shadow) !important;
}

[data-theme="light"] #inside .part:nth-child(1):hover,
[data-theme="light"] #inside .part:nth-child(2):hover,
[data-theme="light"] #inside .part:nth-child(3):hover,
[data-theme="light"] #inside .part:nth-child(4):hover,
[data-theme="light"] .premise-section .principle:hover,
[data-theme="light"] .premise-section .principle:nth-child(1):hover,
[data-theme="light"] .premise-section .principle:nth-child(2):hover,
[data-theme="light"] .premise-section .principle:nth-child(3):hover,
[data-theme="light"] .premise-section .principle:nth-child(4):hover {
  background: var(--cin-card-hover) !important;
  border-color: rgba(217, 119, 6, 0.4) !important;
  box-shadow: 0 16px 40px rgba(27, 27, 27, 0.09), 0 0 28px rgba(217, 119, 6, 0.14) !important;
}

[data-theme="light"] .premise-section .principle::before {
  background:
    linear-gradient(90deg, #D97706 0%, #FF8A3D 100%) top / 100% 4px no-repeat,
    linear-gradient(180deg, rgba(217, 119, 6, 0.08) 0%, rgba(255, 138, 61, 0.03) 28%, transparent 100%) !important;
  box-shadow: none !important;
}

[data-theme="light"] .part h3,
[data-theme="light"] .premise-section .principle h3,
[data-theme="light"] .quote-panel p,
[data-theme="light"] .testimonial p {
  color: var(--cin-text) !important;
}

[data-theme="light"] .part p,
[data-theme="light"] .premise-section .principle p,
[data-theme="light"] .challenge-card p,
[data-theme="light"] .tool-card p,
[data-theme="light"] .step p {
  color: var(--cin-muted) !important;
}

[data-theme="light"] .part b,
[data-theme="light"] .quote-panel span {
  color: var(--cin-accent2) !important;
}

[data-theme="light"] .message:nth-child(even) {
  background: #E3D6C3 !important;
  border-color: var(--cin-border) !important;
  color: var(--cin-text) !important;
}

/* ── Buttons ── */
[data-theme="light"] .button.primary,
[data-theme="light"] .button.accent,
[data-theme="light"] .btn-accent,
[data-theme="light"] .btn-primary,
[data-theme="light"] .accent,
[data-theme="light"] .accent-lg,
[data-theme="light"] .nav-cta {
  background: linear-gradient(135deg, #D97706, #FF8A3D) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(217, 119, 6, 0.2) !important;
  box-shadow: 0 8px 24px rgba(217, 119, 6, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

[data-theme="light"] .button.primary:hover,
[data-theme="light"] .button.accent:hover,
[data-theme="light"] .btn-accent:hover,
[data-theme="light"] .nav-cta:hover {
  box-shadow: 0 12px 32px rgba(217, 119, 6, 0.35) !important;
}

[data-theme="light"] .button.secondary,
[data-theme="light"] .btn-secondary,
[data-theme="light"] main .button.secondary,
[data-theme="light"] .button:not(.primary):not(.accent):not(.accent-lg):not(.nav-cta) {
  background: var(--cin-card) !important;
  color: var(--cin-text) !important;
  border: 1px solid rgba(217, 119, 6, 0.45) !important;
  box-shadow: none !important;
}

[data-theme="light"] .button.secondary:hover,
[data-theme="light"] .btn-secondary:hover,
[data-theme="light"] main .button.secondary:hover {
  background: var(--cin-card-hover) !important;
  border-color: #D97706 !important;
  box-shadow: 0 8px 24px rgba(217, 119, 6, 0.18) !important;
}

/* ── Icons ── */
[data-theme="light"] .principle b svg,
[data-theme="light"] .tool-icon svg,
[data-theme="light"] main .principle b svg,
[data-theme="light"] main .tool-icon svg,
[data-theme="light"] .premise-section .principle b svg,
[data-theme="light"] svg[stroke]:not(.stars svg) {
  stroke: #D97706 !important;
}

[data-theme="light"] .tool-icon,
[data-theme="light"] .principle b,
[data-theme="light"] main .tool-icon,
[data-theme="light"] main .principle b,
[data-theme="light"] .premise-section .principle b {
  background: rgba(217, 119, 6, 0.08) !important;
  border: 1px solid rgba(217, 119, 6, 0.22) !important;
  color: #D97706 !important;
  box-shadow: none !important;
}

[data-theme="light"] .feature-chip,
[data-theme="light"] .chip {
  background: var(--cin-card) !important;
  border: 1px solid var(--cin-border) !important;
  color: var(--cin-muted) !important;
}

[data-theme="light"] .feature-chip:hover,
[data-theme="light"] .chip:hover {
  border-color: rgba(217, 119, 6, 0.35) !important;
  box-shadow: 0 6px 18px rgba(217, 119, 6, 0.1) !important;
}

[data-theme="light"] .stars svg {
  fill: var(--cin-accent) !important;
}

[data-theme="light"] .reader > span {
  background: rgba(217, 119, 6, 0.1) !important;
  color: var(--cin-accent) !important;
  border: 1px solid rgba(217, 119, 6, 0.22) !important;
}

/* ── Navbar ── */
[data-theme="light"] .site-header,
[data-theme="light"] .navbar,
[data-theme="light"] .site-header:not(#navbar) {
  background: rgba(248, 244, 237, 0.94) !important;
  border-bottom: 1px solid var(--cin-border) !important;
  box-shadow: 0 4px 20px rgba(27, 27, 27, 0.06) !important;
}

@media (min-width: 1025px) {
  [data-theme="light"] .site-header,
  [data-theme="light"] .navbar,
  [data-theme="light"] .site-header:not(#navbar) {
    backdrop-filter: blur(16px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.2) !important;
  }
}

[data-theme="light"] .site-header.scrolled,
[data-theme="light"] .navbar.scrolled {
  background: rgba(252, 248, 242, 0.97) !important;
  border-bottom: 1px solid var(--cin-border) !important;
  box-shadow: 0 6px 24px rgba(27, 27, 27, 0.08) !important;
}

@media (min-width: 1025px) {
  [data-theme="light"] .site-header.scrolled,
  [data-theme="light"] .navbar.scrolled {
    backdrop-filter: blur(16px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.2) !important;
  }
}

[data-theme="light"] .nav-center a,
[data-theme="light"] .nav-links a,
[data-theme="light"] .nav-link,
[data-theme="light"] .brand-text-top,
[data-theme="light"] .brand-text-bottom,
[data-theme="light"] .logo-text {
  color: var(--cin-muted) !important;
}

[data-theme="light"] .nav-center a:hover,
[data-theme="light"] .nav-links a:hover,
[data-theme="light"] .nav-link:hover {
  color: var(--cin-text) !important;
}

[data-theme="light"] .nav-center a.active,
[data-theme="light"] .nav-links a.active,
[data-theme="light"] .nav-link.active {
  color: var(--cin-accent) !important;
}

[data-theme="light"] .nav-toggle {
  background: var(--cin-card) !important;
  border-color: var(--cin-border) !important;
}

[data-theme="light"] .nav-toggle__bar {
  background: #1B1B1B !important;
}

[data-theme="light"] .nav-backdrop {
  background: rgba(0, 0, 0, 0.35) !important;
}

@media (max-width: 1024px) {
  /* Colors only — layout/position from responsive.css (same as Dark Theme) */
  [data-theme="light"] .nav-backdrop {
    background: rgba(0, 0, 0, 0.35) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
  }

  [data-theme="light"] .nav-center,
  [data-theme="light"] .nav-links {
    background: #F3ECE3 !important;
    background-color: #F3ECE3 !important;
    border-left: 1px solid var(--cin-border) !important;
    box-shadow: -16px 0 48px rgba(0, 0, 0, 0.12) !important;
  }

  [data-theme="light"] .nav-center a:hover,
  [data-theme="light"] .nav-links a:hover,
  [data-theme="light"] .nav-link:hover {
    background: rgba(217, 119, 6, 0.08) !important;
  }

  [data-theme="light"] .nav-center a.active,
  [data-theme="light"] .nav-links a.active,
  [data-theme="light"] .nav-link.active {
    background: rgba(217, 119, 6, 0.12) !important;
  }
}

/* ── Footer ── */
[data-theme="light"] footer {
  background: linear-gradient(180deg, #E3D6C3 0%, #DDD0BD 100%) !important;
  border-top: 1px solid #C4B8AA !important;
  color: var(--cin-muted) !important;
}

[data-theme="light"] .footer-grid {
  border-bottom-color: #C4B8AA !important;
}

[data-theme="light"] .footer-col h4 {
  color: #1F1F1F !important;
}

[data-theme="light"] .footer-col a {
  color: #5A524A !important;
}

[data-theme="light"] .footer-social a {
  box-shadow: 0 4px 14px rgba(27, 27, 27, 0.08) !important;
}

[data-theme="light"] .footer-bottom {
  color: #7A6F63 !important;
  opacity: 1 !important;
  padding: 20px 0 32px !important;
}

[data-theme="light"] .footer-col a:hover,
[data-theme="light"] .footer-social a:hover {
  color: #F97316 !important;
  background: rgba(249, 115, 22, 0.08) !important;
  border-color: rgba(249, 115, 22, 0.28) !important;
}

[data-theme="light"] .footer-social a:hover {
  box-shadow: 0 6px 18px rgba(27, 27, 27, 0.10), 0 0 12px rgba(249, 115, 22, 0.12) !important;
}

/* ── Hero (light editorial edition) ── */
[data-theme="light"] .hero {
  background: linear-gradient(180deg, #EDE3D3 0%, #E3D6C3 52%, #DDD0BD 100%) !important;
  background-size: 100% 100% !important;
  animation: none !important;
  color: var(--cin-text) !important;
}

[data-theme="light"] .hero::before,
[data-theme="light"] .hero-bg {
  background:
    radial-gradient(circle at 78% 28%, rgba(217, 119, 6, 0.1), transparent 48%),
    radial-gradient(circle at 18% 72%, rgba(255, 138, 61, 0.07), transparent 45%) !important;
  opacity: 1 !important;
}

[data-theme="light"] .hero-grid,
[data-theme="light"] .hero-horizon {
  opacity: 0.25 !important;
}

[data-theme="light"] .hero-title,
[data-theme="light"] .hero h1,
[data-theme="light"] .hero-title .line-white,
[data-theme="light"] .line-white {
  color: #1B1B1B !important;
  text-shadow: none !important;
}

[data-theme="light"] .hero-headline .line-sub {
  color: #6B6258 !important;
  text-shadow: none !important;
}

[data-theme="light"] .hero-title .line-orange,
[data-theme="light"] .line-orange {
  color: #D97706 !important;
  text-shadow: none !important;
}

[data-theme="light"] .hero-copy,
[data-theme="light"] .hero-subtitle,
[data-theme="light"] .hero-byline {
  color: #57534E !important;
  text-shadow: none !important;
}

[data-theme="light"] .hero-badge {
  background: var(--cin-card) !important;
  border: 1px solid var(--cin-border) !important;
  color: #57534E !important;
  box-shadow: var(--cin-card-shadow) !important;
}

[data-theme="light"] .hero-fx,
[data-theme="light"] .hero-particles,
[data-theme="light"] .hero-glow-orb,
[data-theme="light"] .hero-orbit,
[data-theme="light"] .hero-streak,
[data-theme="light"] .hero-ember,
[data-theme="light"] .hero-particle,
[data-theme="light"] .particle,
[data-theme="light"] .light-trail {
  opacity: 0.35 !important;
}

[data-theme="light"] .hero .button.secondary {
  background: var(--cin-card) !important;
  border-color: rgba(217, 119, 6, 0.4) !important;
  color: #1B1B1B !important;
}

[data-theme="light"] .hero .button.secondary:hover {
  background: var(--cin-card-hover) !important;
  border-color: #D97706 !important;
  box-shadow: 0 8px 24px rgba(217, 119, 6, 0.16) !important;
}

/* ── Method / Loop ── */
[data-theme="light"] .method .diagram-frame,
[data-theme="light"] .loop-system__core {
  background: var(--cin-card) !important;
  border-color: var(--cin-border) !important;
  box-shadow: var(--cin-card-shadow) !important;
}

[data-theme="light"] .loop-system__core {
  border-radius: 50% !important;
}

[data-theme="light"] .loop-system__core span,
[data-theme="light"] .loop-system__node small {
  color: var(--cin-muted) !important;
}

[data-theme="light"] .loop-system__node:hover {
  background: var(--cin-card-hover) !important;
  border-color: rgba(217, 119, 6, 0.4) !important;
}

[data-theme="light"] .method .step {
  border-bottom-color: var(--cin-divider) !important;
}

[data-theme="light"] .method .step:hover {
  background: rgba(217, 119, 6, 0.05) !important;
  box-shadow: inset 4px 0 0 rgba(217, 119, 6, 0.5), 0 0 16px rgba(217, 119, 6, 0.06) !important;
}

[data-theme="light"] .loop-system__glow {
  opacity: 0.45 !important;
}

/* ── Author ── */
[data-theme="light"] .author-avatar {
  background: linear-gradient(135deg, rgba(217, 119, 6, 0.15), var(--cin-card)) !important;
  border-color: rgba(217, 119, 6, 0.35) !important;
  color: var(--cin-accent) !important;
  box-shadow: var(--cin-card-shadow) !important;
}

[data-theme="light"] .author-signature {
  color: var(--cin-accent2) !important;
}

/* ── Forms ── */
[data-theme="light"] .email-form {
  background: var(--cin-card) !important;
  border: 1px solid var(--cin-border) !important;
}

[data-theme="light"] .email-form input,
[data-theme="light"] .form-input,
[data-theme="light"] input[type="text"],
[data-theme="light"] input[type="email"],
[data-theme="light"] textarea,
[data-theme="light"] .form-select {
  color: var(--cin-text) !important;
  background: transparent !important;
}

[data-theme="light"] .email-form input::placeholder {
  color: #6B6560 !important;
}

[data-theme="light"] .email-form:focus-within {
  border-color: rgba(217, 119, 6, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.1) !important;
}

/* ── CTA ── */
[data-theme="light"] .cta,
[data-theme="light"] .cta-section {
  background: transparent !important;
  border-top: 1px solid var(--cin-divider) !important;
}

[data-theme="light"] .cta::before {
  background: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(217, 119, 6, 0.08), transparent 60%) !important;
}

/* ── Challenge pages ── */
[data-theme="light"] .progress-strip {
  background: #E3D6C3 !important;
  border-block-color: var(--cin-border) !important;
}

[data-theme="light"] .progress-track,
[data-theme="light"] .progress-bar-bg {
  background: #DDD0BD !important;
  border-color: var(--cin-border) !important;
}

[data-theme="light"] .option.selected,
[data-theme="light"] .option.is-selected,
[data-theme="light"] .option[aria-pressed="true"],
[data-theme="light"] .option.active {
  background: rgba(217, 119, 6, 0.08) !important;
  border-color: rgba(217, 119, 6, 0.45) !important;
  box-shadow: 0 0 16px rgba(217, 119, 6, 0.1) !important;
}

[data-theme="light"] .answered-check {
  background: rgba(217, 119, 6, 0.12) !important;
  color: var(--cin-accent) !important;
}

[data-theme="light"] .community-stats b {
  text-shadow: none !important;
}

/* ── Premise quote panel ── */
[data-theme="light"] .premise-section .quote-panel {
  background: var(--cin-card) !important;
  border: 1px solid var(--cin-border) !important;
  border-left: 3px solid #D97706 !important;
  box-shadow: var(--cin-card-shadow) !important;
}

[data-theme="light"] .premise-section .quote-panel::after {
  color: rgba(217, 119, 6, 0.2) !important;
}

/* ── Section headings / dividers ── */
[data-theme="light"] .section-head::after,
[data-theme="light"] .section-divider,
[data-theme="light"] .eyebrow::before {
  background: linear-gradient(90deg, #D97706, #FF8A3D) !important;
}

[data-theme="light"] #inside .part b {
  border-top-color: var(--cin-divider) !important;
}

[data-theme="light"] .testimonial {
  border-left-color: var(--cin-accent) !important;
}

[data-theme="light"] .buy-panel li::before {
  background: var(--cin-accent) !important;
}

[data-theme="light"] .format-grid article:first-child {
  border-color: rgba(217, 119, 6, 0.35) !important;
  box-shadow: var(--cin-card-shadow), 0 0 16px rgba(217, 119, 6, 0.08) !important;
}

/* ── Theme toggle (light appearance) ── */
[data-theme="light"] .theme-toggle {
  background: #E3D6C3;
  border-color: var(--cin-border);
}

[data-theme="light"] .theme-toggle__btn {
  color: #57534E;
}

[data-theme="light"] .theme-toggle__btn:hover {
  color: #1B1B1B;
  background: rgba(217, 119, 6, 0.08);
}

[data-theme="light"] .theme-toggle__btn.is-active {
  background: var(--cin-card-hover);
  color: #D97706;
  border-color: rgba(217, 119, 6, 0.28);
  box-shadow: 0 4px 12px rgba(27, 27, 27, 0.06);
}

@media (max-width: 1024px) {
  [data-theme="light"] .theme-toggle {
    background: #EDE3D3;
    border-color: var(--cin-border);
  }
}

/* ── Free Companion Tools: featured ScrollShield card ──
   In dark mode this card uses a hard-coded dark gradient. In light mode it must
   match the other three tool cards (which use var(--bg-card)/var(--border)).
   Only the featured card's surface is touched — accent, badge, icon, layout,
   spacing and the other cards are all left exactly as they are. */
[data-theme="light"] section#companion-tools .principle-card--featured {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  box-shadow: none !important;
}

[data-theme="light"] section#companion-tools .principle-card--featured:hover {
  border-color: rgba(255, 106, 0, 0.38) !important;
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.5), 0 0 32px rgba(255, 106, 0, 0.12) !important;
}

/* ── Buy button — shopping cart icon (contrast on orange gradient) ── */
[data-theme="light"] .nav-cta svg:has(path[d*="2.68 13.39"]),
[data-theme="light"] .nav-cta svg:has(path[d*="2.68 13.39"]) circle,
[data-theme="light"] .nav-cta svg:has(path[d*="2.68 13.39"]) path,
[data-theme="light"] .button.primary svg:has(path[d*="2.68 13.39"]),
[data-theme="light"] .button.primary svg:has(path[d*="2.68 13.39"]) circle,
[data-theme="light"] .button.primary svg:has(path[d*="2.68 13.39"]) path,
[data-theme="light"] .btn-primary svg:has(path[d*="2.68 13.39"]),
[data-theme="light"] .btn-primary svg:has(path[d*="2.68 13.39"]) circle,
[data-theme="light"] .btn-primary svg:has(path[d*="2.68 13.39"]) path,
[data-theme="light"] .nav-cta:hover svg:has(path[d*="2.68 13.39"]),
[data-theme="light"] .nav-cta:hover svg:has(path[d*="2.68 13.39"]) circle,
[data-theme="light"] .nav-cta:hover svg:has(path[d*="2.68 13.39"]) path,
[data-theme="light"] .button.primary:hover svg:has(path[d*="2.68 13.39"]),
[data-theme="light"] .button.primary:hover svg:has(path[d*="2.68 13.39"]) circle,
[data-theme="light"] .button.primary:hover svg:has(path[d*="2.68 13.39"]) path,
[data-theme="light"] .btn-primary:hover svg:has(path[d*="2.68 13.39"]),
[data-theme="light"] .btn-primary:hover svg:has(path[d*="2.68 13.39"]) circle,
[data-theme="light"] .btn-primary:hover svg:has(path[d*="2.68 13.39"]) path {
  stroke: #111111 !important;
  fill: none !important;
  color: #111111 !important;
}