/**
 * Prompts page theme — light/dark via shared calculator tokens + data-theme toggle.
 */

/* ── Base page ── */
[data-theme="dark"] .prompts-page-body.body,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompts-page-body.body {
    background: var(--surface);
    color: var(--black);
  }
}

/* ── Hero ── */
[data-theme="dark"] .calc-hero-section,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .calc-hero-section {
    background: var(--hero-gradient);
  }
}

[data-theme="dark"] .calc-hero-section::after,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .calc-hero-section::after {
    background: var(--hero-fade-bottom);
  }
}

/* Hero stat cards stay glass-on-navy; only tighten border in dark */
[data-theme="dark"] .calc-stat-card,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .calc-stat-card {
    border-color: rgba(255, 255, 255, 0.14);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.24);
  }
}

/* ── Section backgrounds ── */
[data-theme="dark"] .prompts-architecture-section,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompts-architecture-section {
    background: var(--library-bg);
    box-shadow: 0 -1px 0 var(--border-subtle), 0 22px 48px rgba(0, 0, 0, 0.18);
  }
}

[data-theme="dark"] .prompts-architecture-section::before,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompts-architecture-section::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 100%);
  }
}

[data-theme="dark"] .prompts-process-section,
[data-theme="dark"] .prompts-library-section,
[data-theme="dark"] .prompts-proof-section,
[data-theme="dark"] .prompts-results-section,
[data-theme="dark"] .prompts-deliverables-section,
[data-theme="dark"] .section.grey,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompts-process-section,
  :root:not([data-theme="light"]) .prompts-library-section,
  :root:not([data-theme="light"]) .prompts-proof-section,
  :root:not([data-theme="light"]) .prompts-results-section,
  :root:not([data-theme="light"]) .prompts-deliverables-section,
  :root:not([data-theme="light"]) .section.grey {
    background: var(--library-bg);
  }
}

/* ── Typography ── */
[data-theme="dark"] .prompts-page-body .stacked-heading h2,
[data-theme="dark"] .prompts-page-body .full-stacked-intro h2,
[data-theme="dark"] .prompts-page-body .footer-brand h2,
[data-theme="dark"] .prompts-page-body .footer-box-title h3,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompts-page-body .stacked-heading h2,
  :root:not([data-theme="light"]) .prompts-page-body .full-stacked-intro h2,
  :root:not([data-theme="light"]) .prompts-page-body .footer-brand h2,
  :root:not([data-theme="light"]) .prompts-page-body .footer-box-title h3 {
    color: var(--black);
  }
}

[data-theme="dark"] .prompts-page-body .subtitle:not(.light),
[data-theme="dark"] .prompts-page-body .body-display:not(.light),
[data-theme="dark"] .prompts-page-body .search-results-info,
[data-theme="dark"] .prompts-page-body .legal-link,
[data-theme="dark"] .prompts-page-body .legal-link div,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompts-page-body .subtitle:not(.light),
  :root:not([data-theme="light"]) .prompts-page-body .body-display:not(.light),
  :root:not([data-theme="light"]) .prompts-page-body .search-results-info,
  :root:not([data-theme="light"]) .prompts-page-body .legal-link,
  :root:not([data-theme="light"]) .prompts-page-body .legal-link div {
    color: var(--body-display);
  }
}

[data-theme="dark"] .featured-prompts-heading h3 em,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .featured-prompts-heading h3 em {
    color: var(--black);
  }
}

/* ── Cards & panels ── */
[data-theme="dark"] .prompt-model-card,
[data-theme="dark"] .prompt-proof-card,
[data-theme="dark"] .prompt-step-card,
[data-theme="dark"] .prompt-system-card,
[data-theme="dark"] .prompt-card,
[data-theme="dark"] .example-card,
[data-theme="dark"] .prompt-marquee-shell,
[data-theme="dark"] .marquee-card,
[data-theme="dark"] .featured-prompts-shell,
[data-theme="dark"] .prompt-results-shell,
[data-theme="dark"] .prompt-empty-state,
[data-theme="dark"] .prompt-modal-card,
[data-theme="dark"] .modal-content,
[data-theme="dark"] .prompts-process-wrapper,
[data-theme="dark"] .prompt-library-toolbar,
[data-theme="dark"] .prompts-footer-section .footer-tool-link,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompt-model-card,
  :root:not([data-theme="light"]) .prompt-proof-card,
  :root:not([data-theme="light"]) .prompt-step-card,
  :root:not([data-theme="light"]) .prompt-system-card,
  :root:not([data-theme="light"]) .prompt-card,
  :root:not([data-theme="light"]) .example-card,
  :root:not([data-theme="light"]) .prompt-marquee-shell,
  :root:not([data-theme="light"]) .marquee-card,
  :root:not([data-theme="light"]) .featured-prompts-shell,
  :root:not([data-theme="light"]) .prompt-results-shell,
  :root:not([data-theme="light"]) .prompt-empty-state,
  :root:not([data-theme="light"]) .prompt-modal-card,
  :root:not([data-theme="light"]) .modal-content,
  :root:not([data-theme="light"]) .prompts-process-wrapper,
  :root:not([data-theme="light"]) .prompt-library-toolbar,
  :root:not([data-theme="light"]) .prompts-footer-section .footer-tool-link {
    background: var(--card-bg);
    border-color: var(--border-subtle);
    box-shadow: var(--shadow-sm);
  }
}

[data-theme="dark"] .prompt-card:hover,
[data-theme="dark"] .prompt-model-card:hover,
[data-theme="dark"] .prompt-proof-card:hover,
[data-theme="dark"] .prompt-step-card:hover,
[data-theme="dark"] .prompt-system-card:hover,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompt-card:hover,
  :root:not([data-theme="light"]) .prompt-model-card:hover,
  :root:not([data-theme="light"]) .prompt-proof-card:hover,
  :root:not([data-theme="light"]) .prompt-step-card:hover,
  :root:not([data-theme="light"]) .prompt-system-card:hover {
    border-color: var(--border-soft);
    box-shadow: var(--shadow-md);
  }
}

[data-theme="dark"] .before-card,
[data-theme="dark"] .after-card,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .before-card,
  :root:not([data-theme="light"]) .after-card {
    background: var(--card-bg);
    border-color: var(--border-subtle);
  }
}

[data-theme="dark"] .example-notes-card,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .example-notes-card {
    background: linear-gradient(180deg, rgba(17, 23, 41, 0.98), rgba(30, 49, 89, 0.96));
    border-color: var(--border-soft);
  }
}

/* Featured cards stay navy — already dark-friendly */
[data-theme="dark"] .featured-prompt-card,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .featured-prompt-card {
    border-color: rgba(138, 180, 255, 0.18);
    box-shadow: var(--shadow-md);
  }
}

/* ── Badges & chips ── */
[data-theme="dark"] .prompt-card-label,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompt-card-label {
    color: var(--calc-accent);
    background: var(--calc-accent-muted);
  }
}

[data-theme="dark"] .prompt-card-badge,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompt-card-badge {
    color: #ffb4a2;
    background: rgba(255, 75, 39, 0.16);
  }
}

[data-theme="dark"] .prompt-card-meta,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompt-card-meta {
    color: var(--body-display);
    background: var(--surface-3);
    border: 1px solid var(--border-subtle);
  }
}

[data-theme="dark"] .prompt-card-meta.secondary,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompt-card-meta.secondary {
    color: var(--black);
  }
}

[data-theme="dark"] .prompt-card-arrow,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompt-card-arrow {
    background: var(--calc-accent-muted);
    color: var(--calc-accent);
  }
}

[data-theme="dark"] .prompt-card:hover .prompt-card-arrow,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompt-card:hover .prompt-card-arrow {
    background: var(--accent-gradient);
    color: #fff;
  }
}

[data-theme="dark"] .prompt-step-number,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompt-step-number {
    color: var(--calc-accent);
  }
}

/* ── Marquee fades ── */
[data-theme="dark"] .prompt-marquee::before,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompt-marquee::before {
    background: linear-gradient(90deg, var(--surface-3) 0%, rgba(30, 41, 59, 0) 100%);
  }
}

[data-theme="dark"] .prompt-marquee::after,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompt-marquee::after {
    background: linear-gradient(270deg, var(--surface-3) 0%, rgba(30, 41, 59, 0) 100%);
  }
}

/* ── Forms & controls ── */
[data-theme="dark"] .filter-btn,
[data-theme="dark"] .search-input,
[data-theme="dark"] .prompt-search-label,
[data-theme="dark"] .results-tab,
[data-theme="dark"] .close-btn,
[data-theme="dark"] .copy-btn,
[data-theme="dark"] .nav-btn,
[data-theme="dark"] .view-all-btn,
[data-theme="dark"] .clear-search,
[data-theme="dark"] .prompt-card .prompt-inline-button,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .filter-btn,
  :root:not([data-theme="light"]) .search-input,
  :root:not([data-theme="light"]) .prompt-search-label,
  :root:not([data-theme="light"]) .results-tab,
  :root:not([data-theme="light"]) .close-btn,
  :root:not([data-theme="light"]) .copy-btn,
  :root:not([data-theme="light"]) .nav-btn,
  :root:not([data-theme="light"]) .view-all-btn,
  :root:not([data-theme="light"]) .clear-search,
  :root:not([data-theme="light"]) .prompt-card .prompt-inline-button {
    background: var(--surface-3);
    color: var(--black);
    border-color: var(--border-soft);
  }
}

[data-theme="dark"] .filter-btn.active,
[data-theme="dark"] .results-tab.active,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .filter-btn.active,
  :root:not([data-theme="light"]) .results-tab.active {
    background: var(--accent-gradient);
    color: #fff;
    border-color: transparent;
  }
}

[data-theme="dark"] .filter-btn:hover,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .filter-btn:not(.active):hover {
    background: var(--surface-elevated);
    color: var(--black);
    border-color: var(--calc-accent);
  }
}

[data-theme="dark"] .search-input:focus,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .search-input:focus {
    border-color: var(--calc-accent);
    box-shadow: var(--ring);
  }
}

[data-theme="dark"] .close-btn,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .close-btn {
    color: var(--calc-accent);
  }
}

[data-theme="dark"] .close-btn:hover,
[data-theme="dark"] .close-btn:focus-visible,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .close-btn:hover,
  :root:not([data-theme="light"]) .close-btn:focus-visible {
    background: var(--surface-elevated);
    border-color: var(--calc-accent);
  }
}

/* ── Modal ── */
[data-theme="dark"] .modal,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .modal {
    background: rgba(3, 7, 18, 0.82);
  }
}

[data-theme="dark"] .prompt-content,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompt-content {
    background: var(--surface-3);
    border-color: var(--border-subtle);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }
}

[data-theme="dark"] .prompt-content pre,
[data-theme="dark"] #promptText,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompt-content pre,
  :root:not([data-theme="light"]) #promptText {
    background: var(--surface-2);
    border-color: var(--border-soft);
    color: var(--black);
  }
}

[data-theme="dark"] .prompt-section-title,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompt-section-title {
    color: var(--calc-accent);
  }
}

[data-theme="dark"] .prompt-variable,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompt-variable {
    color: #fbbf24;
  }
}

[data-theme="dark"] .prompt-instruction,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompt-instruction {
    color: #93c5fd;
  }
}

[data-theme="dark"] .prompt-list-item,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompt-list-item {
    color: #6ee7b7;
  }
}

/* ── CTA band ── */
[data-theme="dark"] .prompts-action-card,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompts-action-card {
    background:
      linear-gradient(140deg, rgba(17, 23, 41, 0.98), rgba(30, 49, 89, 0.98)),
      var(--surface-2);
    box-shadow: var(--shadow-lg);
  }
}

[data-theme="dark"] .outline-button:not(.light),
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .outline-button:not(.light) {
    background: var(--surface-3);
    color: var(--black);
    border-color: var(--border-soft);
  }
}

/* ── Footer ── */
[data-theme="dark"] .prompts-footer-section,
[data-theme="dark"] .footer-wrapper,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompts-footer-section,
  :root:not([data-theme="light"]) .footer-wrapper {
    background: var(--footer-bg);
  }
}

[data-theme="dark"] .footer-box,
[data-theme="dark"] .footer-content,
[data-theme="dark"] .footer-credits,
[data-theme="dark"] .footer-bottom-row,
[data-theme="dark"] .verticle-line,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .footer-box,
  :root:not([data-theme="light"]) .footer-content,
  :root:not([data-theme="light"]) .footer-credits,
  :root:not([data-theme="light"]) .footer-bottom-row,
  :root:not([data-theme="light"]) .verticle-line {
    border-color: var(--border-subtle);
    color: var(--black);
  }

  :root:not([data-theme="light"]) .footer-box {
    background: var(--card-bg);
  }

  :root:not([data-theme="light"]) .footer-box-bottom {
    border-top-color: var(--border-subtle);
  }

  :root:not([data-theme="light"]) .footer-box-title h3,
  :root:not([data-theme="light"]) .footer-box-top {
    color: var(--black);
  }

  :root:not([data-theme="light"]) .footer-box-title .body-display,
  :root:not([data-theme="light"]) .footer-box-bottom .subtitle {
    color: var(--body-display);
  }
}

[data-theme="dark"] .prompts-footer-section .footer-tool-link:hover,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompts-footer-section .footer-tool-link:hover {
    background: var(--surface-elevated);
    border-color: var(--calc-accent);
    box-shadow: var(--shadow-md);
  }
}

[data-theme="dark"] .prompts-footer-section .tool-icon,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompts-footer-section .tool-icon {
    background: var(--surface-3);
    border-color: var(--border-subtle);
  }
}

/* ── Preloader ── */
.prompts-page-body .preloader,
[data-theme="dark"] .preloader,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .preloader,
  :root:not([data-theme="light"]) .prompts-page-body .preloader {
    background: var(--surface);
    background-color: var(--surface);
  }
}

.prompts-page-body .preloader-brand,
[data-theme="dark"] .preloader-brand,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .preloader-brand,
  :root:not([data-theme="light"]) .prompts-page-body .preloader-brand {
    color: var(--black);
  }
}

.prompts-page-body .indicator-fill,
[data-theme="dark"] .indicator-fill,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .indicator-fill,
  :root:not([data-theme="light"]) .prompts-page-body .indicator-fill {
    background-color: var(--calc-accent);
  }
}

/* ── Webflow + page shell catch-all ── */
[data-theme="dark"] .prompts-page-body main,
[data-theme="dark"] .prompts-page-body .section:not(.prompts-footer-section):not(.prompts-cta-section):not(.calc-hero-section),
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompts-page-body main,
  :root:not([data-theme="light"]) .prompts-page-body .section:not(.calc-hero-section):not(.prompts-footer-section):not(.prompts-cta-section) {
    background-color: transparent;
  }
}

[data-theme="dark"] .prompts-footer-section .legal-link,
[data-theme="dark"] .prompts-footer-section .legal-link div,
[data-theme="dark"] .prompts-footer-section .footer-bottom-row .subtitle.small,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompts-footer-section .legal-link,
  :root:not([data-theme="light"]) .prompts-footer-section .legal-link div,
  :root:not([data-theme="light"]) .prompts-footer-section .footer-bottom-row .subtitle.small {
    color: color-mix(in srgb, var(--black) 82%, var(--body-display));
  }

  :root:not([data-theme="light"]) .prompts-footer-section .legal-link:hover,
  :root:not([data-theme="light"]) .prompts-footer-section .legal-link:focus-visible,
  :root:not([data-theme="light"]) .prompts-footer-section .legal-link:hover div,
  :root:not([data-theme="light"]) .prompts-footer-section .legal-link:focus-visible div {
    color: var(--black);
  }
}

[data-theme="dark"] .prompts-cta-section,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompts-cta-section {
    background: var(--library-bg);
  }
}

[data-theme="dark"] .prompts-page-body .footer-box,
[data-theme="dark"] .prompts-footer-section .footer-box .outline-button,
[data-theme="dark"] .prompts-page-body .outline-button.w-inline-block,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompts-page-body .footer-box,
  :root:not([data-theme="light"]) .prompts-footer-section .footer-box {
    background: var(--card-bg);
    color: var(--black);
    border-color: var(--border-subtle);
  }

  :root:not([data-theme="light"]) .prompts-footer-section .footer-box .outline-button,
  :root:not([data-theme="light"]) .prompts-page-body .outline-button.w-inline-block {
    color: var(--black);
    border-color: var(--border-soft);
    background: var(--surface-3);
  }

  :root:not([data-theme="light"]) .prompts-footer-section .footer-box .outline-button:hover,
  :root:not([data-theme="light"]) .prompts-page-body .outline-button.w-inline-block:hover {
    background: var(--surface-elevated);
    border-color: var(--calc-accent);
  }
}

[data-theme="dark"] .prompts-page-body .featured-prompts-heading h3,
[data-theme="dark"] .prompts-page-body .featured-prompts-heading p,
[data-theme="dark"] .prompts-page-body h2,
[data-theme="dark"] .prompts-page-body h3,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompts-page-body .featured-prompts-heading h3,
  :root:not([data-theme="light"]) .prompts-page-body .featured-prompts-heading p,
  :root:not([data-theme="light"]) .prompts-page-body h2:not(.heading-4),
  :root:not([data-theme="light"]) .prompts-page-body h3 {
    color: var(--black);
  }
}

[data-theme="dark"] .prompts-page-body .results-tab.active,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompts-page-body .results-tab.active {
    background: var(--accent-gradient);
    color: #fff;
    border-color: transparent;
  }
}

[data-theme="dark"] .prompts-page-body .prompt-card-label,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompts-page-body .prompt-card-label {
    color: var(--calc-accent);
    background: var(--calc-accent-muted);
  }
}

[data-theme="dark"] .prompts-page-body .prompt-card-arrow,
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prompts-page-body .prompt-card-arrow {
    background: var(--calc-accent-muted);
    color: var(--calc-accent);
  }
}