/* =========================================================================
   SEBAN · Light Theme
   "Dawn Cream" — warm parchment + project accents on light surfaces
   Aktif edilmesi için body'ye `light-theme` class'ı eklenmeli
   ========================================================================= */

body.light-theme {
  /* Override core */
  --paper-0: #FAF5E8;
  --paper-base: #F4EDDC;
  --paper-warm: #FBF6EA;
  --paper-cool: #F0E9D7;
  --paper-100: #E8DFC8;

  /* Text */
  --text-strong: #1C1830;
  --text-base:   rgba(28, 24, 48, 0.84);
  --text-soft:   rgba(28, 24, 48, 0.62);
  --text-faint:  rgba(28, 24, 48, 0.40);

  /* Surfaces */
  --surface-1: #FBF6EA;
  --surface-2: #F4EDDC;
  --surface-3: #ECE3CB;
  --surface-card: rgba(255, 252, 244, 0.78);
  --surface-border: rgba(28, 24, 48, 0.10);
  --surface-border-strong: rgba(28, 24, 48, 0.18);

  /* Premium gold — darker for contrast on light */
  --gold-deep:  #8C6326;
  --gold-rich:  #B5864F;
  --gold-warm:  #D4A574;
  --gold-soft:  #E8C488;
  --gold-pale:  #F5E5C4;

  background: var(--paper-base);
  color: var(--text-strong);
}

body.light-theme::before {
  content: ""; position: fixed; inset: 0; z-index: 0;
  background:
    radial-gradient(1200px 800px at 80% -10%, rgba(232, 196, 136, 0.32), transparent 60%),
    radial-gradient(900px 700px at -10% 30%, rgba(255, 200, 200, 0.22), transparent 65%),
    radial-gradient(1100px 900px at 50% 110%, rgba(196, 177, 255, 0.18), transparent 60%),
    linear-gradient(180deg, #FAF5E8 0%, #F4EDDC 50%, #F0E5CC 100%);
  pointer-events: none;
}

/* Subtle paper grain */
body.light-theme .noise-layer {
  opacity: 0.06;
  mix-blend-mode: multiply;
}

/* Body text re-color */
body.light-theme p {
  color: var(--text-base);
}
body.light-theme p.lead {
  color: var(--text-strong);
}

body.light-theme h1, body.light-theme h2, body.light-theme h3,
body.light-theme h4, body.light-theme h5, body.light-theme h6 {
  color: var(--text-strong);
}

body.light-theme .overline {
  color: var(--gold-rich);
}

/* Nav */
body.light-theme .nav.scrolled {
  background: rgba(251, 246, 234, 0.82);
  backdrop-filter: saturate(180%) blur(20px);
  border-bottom: 1px solid var(--surface-border);
}
body.light-theme .nav-brand { color: var(--text-strong); }
body.light-theme .nav-brand-mark {
  background: linear-gradient(135deg, #E8C488 0%, #B5864F 100%);
  box-shadow: 0 0 18px rgba(181, 134, 79, 0.45);
}
body.light-theme .nav-links a {
  color: rgba(28, 24, 48, 0.72);
}
body.light-theme .nav-links a:hover { color: var(--text-strong); }
body.light-theme .nav-links a::after {
  background: var(--gold-rich);
}
body.light-theme .nav-toggle {
  background: rgba(28, 24, 48, 0.06);
}
body.light-theme .nav-toggle svg { stroke: var(--text-strong); }
body.light-theme .nav-mobile {
  background: rgba(251, 246, 234, 0.96);
  border-bottom: 1px solid var(--surface-border);
}
body.light-theme .nav-mobile a { color: var(--text-strong); }

/* Buttons */
body.light-theme .btn-primary {
  background: linear-gradient(135deg, #E8C488 0%, #B5864F 100%);
  color: #FFFEF8;
  box-shadow: 0 12px 32px -10px rgba(181, 134, 79, 0.55);
}
body.light-theme .btn-primary:hover {
  box-shadow: 0 18px 48px -12px rgba(181, 134, 79, 0.7);
}
body.light-theme .btn-ghost {
  border: 1px solid var(--surface-border-strong);
  color: var(--text-strong);
  background: rgba(255, 252, 244, 0.5);
}
body.light-theme .btn-ghost:hover {
  background: rgba(232, 196, 136, 0.18);
  border-color: var(--gold-rich);
}

/* Cards */
body.light-theme .card,
body.light-theme .pill-card,
body.light-theme .stat,
body.light-theme .flow-step,
body.light-theme .project-mini {
  background: var(--surface-card);
  border: 1px solid var(--surface-border);
  box-shadow: 0 2px 12px -4px rgba(28, 24, 48, 0.06);
}
body.light-theme .card:hover { border-color: var(--surface-border-strong); }
body.light-theme .pill-card-num { color: var(--gold-rich); }
body.light-theme .pill-card h5 { color: var(--text-strong); }
body.light-theme .pill-card p { color: var(--text-soft); }
body.light-theme .stat-l { color: var(--text-soft); }

/* App badges */
body.light-theme .app-badge {
  background: rgba(28, 24, 48, 0.05);
  color: var(--text-soft);
  border-color: var(--surface-border);
}
body.light-theme .app-badge.live {
  background: rgba(43, 180, 186, 0.16);
  color: #1B8086;
  border-color: rgba(43, 180, 186, 0.4);
}
body.light-theme .app-badge.live::before { background: #2BB4BA; box-shadow: 0 0 10px #2BB4BA; }
body.light-theme .app-badge.soon { color: var(--gold-deep); border-color: rgba(181, 134, 79, 0.3); }
body.light-theme .app-badge.soon::before { color: var(--gold-rich); }

/* Section overline */
body.light-theme .section-eyebrow,
body.light-theme .section-eyebrow-v,
body.light-theme .section-eyebrow-k,
body.light-theme .section-eyebrow-f,
body.light-theme .section-eyebrow-s {
  color: var(--gold-rich);
}
body.light-theme .section-eyebrow::before,
body.light-theme .section-eyebrow::after,
body.light-theme .section-eyebrow-v::before, body.light-theme .section-eyebrow-v::after,
body.light-theme .section-eyebrow-k::before, body.light-theme .section-eyebrow-k::after,
body.light-theme .section-eyebrow-f::before, body.light-theme .section-eyebrow-f::after,
body.light-theme .section-eyebrow-s::before, body.light-theme .section-eyebrow-s::after {
  background: var(--gold-rich);
}

/* Form inputs */
body.light-theme .form-row label { color: var(--text-soft); }
body.light-theme .form-row input,
body.light-theme .form-row textarea,
body.light-theme .form-row select {
  background: rgba(255, 252, 244, 0.85);
  border: 1px solid var(--surface-border);
  color: var(--text-strong);
}
body.light-theme .form-row input:focus,
body.light-theme .form-row textarea:focus,
body.light-theme .form-row select:focus {
  border-color: var(--gold-rich);
  background: #FFFCF4;
}

/* Channel rows */
body.light-theme .channel {
  background: var(--surface-card);
  border: 1px solid var(--surface-border);
}
body.light-theme .channel:hover {
  background: rgba(232, 196, 136, 0.10);
  border-color: var(--gold-rich);
}
body.light-theme .channel-ico {
  background: linear-gradient(135deg, #E8C488 0%, #B5864F 100%);
  color: #FFFEF8;
}
body.light-theme .channel-l { color: var(--text-soft); }
body.light-theme .channel-v { color: var(--text-strong); }

/* Dropdown menu */
body.light-theme .nav-dropdown-menu {
  background: rgba(251, 246, 234, 0.98);
  border: 1px solid var(--surface-border-strong);
  box-shadow: 0 30px 60px -20px rgba(28, 24, 48, 0.15);
}
body.light-theme .nav-dropdown-item:hover { background: rgba(232, 196, 136, 0.15); }
body.light-theme .nav-dropdown-item-label { color: var(--text-strong); }
body.light-theme .nav-dropdown-item-sub { color: var(--text-soft); }

/* Project mega cards (light variant surfaces) */
body.light-theme .surface-vektor {
  background:
    radial-gradient(circle at 80% 20%, rgba(230, 57, 70, 0.18), transparent 55%),
    radial-gradient(circle at 15% 90%, rgba(42, 157, 143, 0.18), transparent 55%),
    linear-gradient(160deg, #FBF6EA 0%, #F0E5CC 100%);
}
body.light-theme .surface-kadema {
  background:
    radial-gradient(circle at 85% 25%, rgba(201, 169, 97, 0.30), transparent 55%),
    radial-gradient(circle at 15% 85%, rgba(74, 157, 127, 0.20), transparent 55%),
    linear-gradient(160deg, #FBF6EA 0%, #F0E5CC 100%);
}
body.light-theme .surface-forma {
  background:
    radial-gradient(circle at 80% 20%, rgba(232, 121, 200, 0.22), transparent 55%),
    radial-gradient(circle at 15% 90%, rgba(139, 111, 232, 0.22), transparent 55%),
    linear-gradient(160deg, #FBF6EA 0%, #F0E5CC 100%);
}
body.light-theme .surface-sentok {
  background:
    radial-gradient(circle at 80% 20%, rgba(229, 160, 180, 0.24), transparent 55%),
    radial-gradient(circle at 15% 90%, rgba(232, 130, 108, 0.22), transparent 55%),
    linear-gradient(160deg, #FBF6EA 0%, #F0E5CC 100%);
}
body.light-theme .surface-mobile {
  background:
    radial-gradient(circle at 80% 20%, rgba(232, 196, 136, 0.26), transparent 55%),
    radial-gradient(circle at 15% 90%, rgba(155, 123, 255, 0.22), transparent 55%),
    linear-gradient(160deg, #FBF6EA 0%, #F0E5CC 100%);
}

body.light-theme .project-mega {
  border: 1px solid var(--surface-border-strong);
}
body.light-theme .project-mega:hover {
  border-color: var(--gold-rich);
  box-shadow: 0 50px 100px -30px rgba(28, 24, 48, 0.20);
}
body.light-theme .project-mega-desc { color: var(--text-base); }
body.light-theme .project-mega-tag { color: var(--text-strong); }
body.light-theme .project-mega-chip {
  background: rgba(28, 24, 48, 0.05);
  border-color: var(--surface-border);
}
body.light-theme .project-mega-cta { color: var(--text-strong); }

/* Footer */
body.light-theme .footer {
  background: rgba(232, 223, 200, 0.5);
  border-top: 1px solid var(--surface-border);
}
body.light-theme .footer h6 { color: var(--gold-rich); }
body.light-theme .footer-col a { color: var(--text-soft); }
body.light-theme .footer-col a:hover { color: var(--text-strong); }
body.light-theme .footer-bottom {
  color: var(--text-soft);
  border-top-color: var(--surface-border);
}

/* Pillar */
body.light-theme .pillar,
body.light-theme .v-pillar,
body.light-theme .v-data-card,
body.light-theme .v-os-card,
body.light-theme .v-sector,
body.light-theme .v-sec-card,
body.light-theme .v-arch-layer,
body.light-theme .v-num,
body.light-theme .k-side-card,
body.light-theme .k-dmaic-step,
body.light-theme .k-game-block,
body.light-theme .k-price-card,
body.light-theme .f-tree-row,
body.light-theme .f-game-card,
body.light-theme .f-journey-step,
body.light-theme .f-channel-card,
body.light-theme .f-ai-item,
body.light-theme .s-arch-layer,
body.light-theme .s-journey-step,
body.light-theme .s-peer-signal,
body.light-theme .s-math-card,
body.light-theme .s-why-card,
body.light-theme .s-road-step {
  background: var(--surface-card);
  border: 1px solid var(--surface-border);
  color: var(--text-strong);
  box-shadow: 0 2px 12px -4px rgba(28, 24, 48, 0.06);
}
body.light-theme .pillar p,
body.light-theme .v-pillar p,
body.light-theme .v-data-card p,
body.light-theme .v-os-card p,
body.light-theme .v-sector p,
body.light-theme .v-sec-card p,
body.light-theme .k-side-card p,
body.light-theme .k-game-block p,
body.light-theme .k-price-list li,
body.light-theme .f-tree-desc,
body.light-theme .f-game-card p,
body.light-theme .f-journey-step p,
body.light-theme .f-channel-card p,
body.light-theme .f-ai-item-q,
body.light-theme .s-arch-layer p,
body.light-theme .s-journey-step p,
body.light-theme .s-peer-signal p,
body.light-theme .s-math-card p,
body.light-theme .s-why-card p,
body.light-theme .s-road-step p {
  color: var(--text-base);
}

/* App cards (in mobile-apps grid) — keep their internal art but adjust */
body.light-theme .app-card {
  /* Keep their dark gradients for atmospheric variety on light background */
  box-shadow: 0 20px 50px -20px rgba(28, 24, 48, 0.20);
}

/* Selection */
body.light-theme ::selection {
  background: var(--gold-rich);
  color: #FFFEF8;
}

/* Pull quote */
body.light-theme .pull-quote,
body.light-theme .v-quote-body,
body.light-theme .f-quote-body {
  color: var(--text-strong);
}
body.light-theme .pull-quote::before,
body.light-theme .v-quote-body::before,
body.light-theme .f-quote-body::before {
  color: var(--gold-rich);
  opacity: 0.5;
}

/* Back link */
body.light-theme .back-link { color: var(--text-soft); }
body.light-theme .back-link:hover { color: var(--gold-deep); }

/* Code card */
body.light-theme .code-card {
  background: rgba(28, 24, 48, 0.94);
  border-color: rgba(28, 24, 48, 0.3);
  color: rgba(250, 245, 232, 0.92);
}

/* Hero meta items in light theme */
body.light-theme .hero-meta-item .l { color: var(--text-soft); }
body.light-theme .hero-meta-item .v { color: var(--text-strong); }
body.light-theme .hero-meta {
  border-top-color: var(--surface-border);
}

/* Marquee text */
body.light-theme .brand-strip {
  border-color: var(--surface-border);
}
body.light-theme .brand-strip-item { color: rgba(28, 24, 48, 0.35); }

/* Hide the cosmos canvas in light mode — we use floating shapes instead */
body.light-theme .cosmos-canvas { display: none; }

/* Light mode dawn — gentle floating shapes */
.dawn-canvas {
  position: fixed; inset: 0;
  z-index: 1;
  pointer-events: none;
  display: none;
}
body.light-theme .dawn-canvas { display: block; }
.dawn-shape {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.5;
  animation: dawn-drift 20s ease-in-out infinite;
}
@keyframes dawn-drift {
  0%, 100% { transform: translate(0, 0) scale(1); }
  33% { transform: translate(40px, -30px) scale(1.08); }
  66% { transform: translate(-30px, 40px) scale(0.96); }
}

/* Form success light */
body.light-theme .form-success {
  background: rgba(43, 167, 134, 0.14);
  border: 1px solid rgba(43, 167, 134, 0.4);
  color: #1B6651;
}

/* Tag/chip overrides */
body.light-theme .project-mega-chip { color: var(--text-base); }
body.light-theme .v-split-list li { color: var(--text-base); }
body.light-theme .v-split-card p { color: var(--text-base); }
body.light-theme .v-split-tag { color: var(--text-strong); }
body.light-theme .v-split-card h3 { color: var(--text-strong); }
body.light-theme .v-hero-sub,
body.light-theme .k-hero-sub,
body.light-theme .f-hero-sub,
body.light-theme .s-hero-sub,
body.light-theme .hero-sub { color: var(--text-base); }

/* Faded section description in light theme */
body.light-theme .section-tight p,
body.light-theme .section p {
  color: var(--text-base);
}

/* Special: tree row */
body.light-theme .f-tree-row { color: var(--text-strong); }
body.light-theme .f-tree-cat { color: var(--text-strong); }
body.light-theme .f-tree-num { /* keep gradient */ }

/* Numbers stay gradient */
body.light-theme .stat-n,
body.light-theme .v-num-n,
body.light-theme .pull-stat,
body.light-theme .figure-n {
  /* gradient text already handles color */
}

/* CTA Band */
body.light-theme .cta-band {
  background: var(--surface-card);
  border: 1px solid var(--surface-border-strong);
  box-shadow: 0 30px 80px -20px rgba(28, 24, 48, 0.15);
}

/* Tokenomics rows light */
body.light-theme .s-tokeno-row {
  background: rgba(255, 252, 244, 0.7);
  border: 1px solid var(--surface-border);
}
body.light-theme .s-tokeno-row .l { color: var(--text-strong); }
body.light-theme .s-tokeno-row .v { color: var(--text-soft); }

/* Math card formulas light */
body.light-theme .s-formula {
  background: rgba(28, 24, 48, 0.94);
  color: #FFFCF4;
  border-color: rgba(28, 24, 48, 0.3);
}

/* App card slogan/desc light */
body.light-theme .app-slogan { color: #F5E5C4; }
body.light-theme .app-desc { color: rgba(245, 229, 196, 0.7); }
body.light-theme .app-name { color: #FFFEF8; }
body.light-theme .app-subname { color: rgba(255, 252, 244, 0.6); }
body.light-theme .app-link { color: var(--app-a, #E8C488); }

/* =========================================================
   v2 FIXES — Project page light theme cascade overrides
   ========================================================= */

/* Override dark project::before backgrounds with light tinted versions.
   Note: !important must be at the END of the entire declaration. */
body.light-theme[data-project="vektor"]::before {
  background:
    radial-gradient(1200px 800px at 80% -10%, rgba(230, 57, 70, 0.22), transparent 60%),
    radial-gradient(900px 700px at -10% 30%, rgba(42, 157, 143, 0.20), transparent 65%),
    radial-gradient(1100px 900px at 50% 110%, rgba(244, 162, 97, 0.16), transparent 60%),
    linear-gradient(180deg, #FAF5E8 0%, #F4EDDC 50%, #F0E5CC 100%) !important;
}
body.light-theme[data-project="kadema"]::before {
  background:
    radial-gradient(1200px 800px at 80% -10%, rgba(201, 169, 97, 0.32), transparent 60%),
    radial-gradient(900px 700px at -10% 30%, rgba(74, 157, 127, 0.22), transparent 65%),
    radial-gradient(1100px 900px at 50% 110%, rgba(232, 196, 136, 0.18), transparent 60%),
    linear-gradient(180deg, #FBF6EA 0%, #F4EDDC 50%, #ECE3CB 100%) !important;
}
body.light-theme[data-project="forma"]::before {
  background:
    radial-gradient(1200px 800px at 80% -10%, rgba(232, 121, 200, 0.24), transparent 60%),
    radial-gradient(900px 700px at -10% 30%, rgba(139, 111, 232, 0.22), transparent 65%),
    radial-gradient(1100px 900px at 50% 110%, rgba(196, 177, 255, 0.20), transparent 60%),
    linear-gradient(180deg, #FAF5E8 0%, #F2EBDC 50%, #E8DFC8 100%) !important;
}
body.light-theme[data-project="sentok"]::before {
  background:
    radial-gradient(1200px 800px at 80% -10%, rgba(229, 160, 180, 0.30), transparent 60%),
    radial-gradient(900px 700px at -10% 30%, rgba(232, 130, 108, 0.22), transparent 65%),
    radial-gradient(1100px 900px at 50% 110%, rgba(212, 149, 95, 0.18), transparent 60%),
    linear-gradient(180deg, #FBF6EA 0%, #F4EDDC 50%, #ECE0D0 100%) !important;
}

/* HOME PAGE — hide the project-mega::before overlay (it carries dark --mega-bg)
   The .surface-X parent provides the light background directly. */
body.light-theme .project-mega::before { display: none !important; }
body.light-theme .project-mega::after { opacity: 0.10 !important; }

/* Override .surface-X backgrounds with light variants */
body.light-theme .surface-vektor {
  background:
    radial-gradient(circle at 80% 15%, rgba(230, 57, 70, 0.22), transparent 55%),
    radial-gradient(circle at 15% 95%, rgba(42, 157, 143, 0.20), transparent 55%),
    linear-gradient(160deg, #FBF6EA 0%, #F0E5CC 100%) !important;
}
body.light-theme .surface-kadema {
  background:
    radial-gradient(circle at 85% 15%, rgba(201, 169, 97, 0.30), transparent 55%),
    radial-gradient(circle at 15% 95%, rgba(74, 157, 127, 0.22), transparent 55%),
    linear-gradient(160deg, #FBF6EA 0%, #F0E5CC 100%) !important;
}
body.light-theme .surface-forma {
  background:
    radial-gradient(circle at 80% 15%, rgba(232, 121, 200, 0.24), transparent 55%),
    radial-gradient(circle at 15% 95%, rgba(139, 111, 232, 0.24), transparent 55%),
    linear-gradient(160deg, #FBF6EA 0%, #F0E5CC 100%) !important;
}
body.light-theme .surface-sentok {
  background:
    radial-gradient(circle at 80% 15%, rgba(229, 160, 180, 0.28), transparent 55%),
    radial-gradient(circle at 15% 95%, rgba(232, 130, 108, 0.22), transparent 55%),
    linear-gradient(160deg, #FBF6EA 0%, #F0E5CC 100%) !important;
}
body.light-theme .surface-mobile {
  background:
    radial-gradient(circle at 80% 15%, rgba(232, 196, 136, 0.28), transparent 55%),
    radial-gradient(circle at 15% 95%, rgba(155, 123, 255, 0.24), transparent 55%),
    linear-gradient(160deg, #FBF6EA 0%, #F0E5CC 100%) !important;
}

/* Project hero text colors — switch to dark on light theme */
body.light-theme .k-hero-tag,
body.light-theme .f-hero-tag,
body.light-theme .s-hero-tag,
body.light-theme .v-hero-tag,
body.light-theme .vd-hero-tag,
body.light-theme .vc-hero-tag {
  color: var(--text-strong);
}
body.light-theme .k-hero-sub,
body.light-theme .f-hero-sub,
body.light-theme .s-hero-sub,
body.light-theme .v-hero-sub,
body.light-theme .vd-hero-sub,
body.light-theme .vc-hero-sub {
  color: var(--text-base);
}
body.light-theme .k-hero-sub strong,
body.light-theme .f-hero-sub strong,
body.light-theme .s-hero-sub strong {
  color: var(--text-strong);
}

/* Hero meta items border + text */
body.light-theme .hero-meta { border-top-color: var(--surface-border-strong) !important; }
body.light-theme .hero-meta-item .l { color: var(--text-soft) !important; }

/* DMAIC step, game blocks, side cards — these have hardcoded dark backgrounds */
body.light-theme .k-dmaic-step,
body.light-theme .k-game-block,
body.light-theme .k-side-card,
body.light-theme .k-roi-table,
body.light-theme .k-price-card,
body.light-theme .k-comp-table,
body.light-theme .v-pillar,
body.light-theme .v-os-card,
body.light-theme .v-data-card,
body.light-theme .v-sector,
body.light-theme .v-sec-card,
body.light-theme .v-arch-layer,
body.light-theme .v-num,
body.light-theme .vd-pillar,
body.light-theme .vd-os-card,
body.light-theme .vd-life,
body.light-theme .vd-sup-card,
body.light-theme .vd-process-step,
body.light-theme .vd-change-item,
body.light-theme .vc-arch-layer,
body.light-theme .vc-sec-card,
body.light-theme .vc-life-card,
body.light-theme .vc-vert,
body.light-theme .vc-faq-item,
body.light-theme .f-tree-row,
body.light-theme .f-game-card,
body.light-theme .f-journey-step,
body.light-theme .f-flow-node,
body.light-theme .f-ai-item,
body.light-theme .f-channel-card,
body.light-theme .s-arch-layer,
body.light-theme .s-journey-step,
body.light-theme .s-peer-signal,
body.light-theme .s-math-card,
body.light-theme .s-why-card,
body.light-theme .s-road-step,
body.light-theme .s-tokeno-block {
  background: var(--surface-card) !important;
  border-color: var(--surface-border) !important;
  color: var(--text-strong);
}
body.light-theme .k-dmaic-step p,
body.light-theme .k-game-block p,
body.light-theme .k-side-card p,
body.light-theme .k-side-stat .l,
body.light-theme .k-price-sub,
body.light-theme .k-price-list li,
body.light-theme .k-roi-block p,
body.light-theme .v-pillar p,
body.light-theme .v-os-card p,
body.light-theme .v-data-card p,
body.light-theme .v-sector p,
body.light-theme .v-sec-card p,
body.light-theme .v-num-l,
body.light-theme .v-num-sub,
body.light-theme .vd-pillar p,
body.light-theme .vd-os-card p,
body.light-theme .vd-life p,
body.light-theme .vd-sup-card p,
body.light-theme .vd-process-step p,
body.light-theme .vd-change-item p,
body.light-theme .vc-arch-desc,
body.light-theme .vc-sec-card p,
body.light-theme .vc-life-card p,
body.light-theme .vc-vert p,
body.light-theme .vc-faq-item .a,
body.light-theme .f-tree-desc,
body.light-theme .f-game-card p,
body.light-theme .f-journey-step p,
body.light-theme .f-channel-card p,
body.light-theme .f-flow-node p,
body.light-theme .f-ai-item-q,
body.light-theme .s-arch-layer p,
body.light-theme .s-journey-step p,
body.light-theme .s-peer-signal p,
body.light-theme .s-math-card p,
body.light-theme .s-why-card p,
body.light-theme .s-road-step p,
body.light-theme .s-tokeno-block p {
  color: var(--text-base);
}

/* Headings inside project cards */
body.light-theme .k-dmaic-step .k-dmaic-name,
body.light-theme .k-game-block h5,
body.light-theme .k-side-card h4,
body.light-theme .k-price-name,
body.light-theme .k-roi-block h4,
body.light-theme .k-roi-table .k,
body.light-theme .v-pillar h4,
body.light-theme .v-os-card h5,
body.light-theme .v-data-card h5,
body.light-theme .v-sector h5,
body.light-theme .v-sec-card h5,
body.light-theme .vd-pillar h4,
body.light-theme .vd-os-card h5,
body.light-theme .vd-life h5,
body.light-theme .vd-sup-card h5,
body.light-theme .vd-process-step h5,
body.light-theme .vd-change-item h5,
body.light-theme .vc-arch-title h4,
body.light-theme .vc-sec-card h5,
body.light-theme .vc-life-card h5,
body.light-theme .vc-vert h5,
body.light-theme .vc-faq-item summary,
body.light-theme .f-tree-cat,
body.light-theme .f-game-card h5,
body.light-theme .f-journey-step h6,
body.light-theme .f-channel-card h5,
body.light-theme .f-flow-node h6,
body.light-theme .s-arch-layer h3,
body.light-theme .s-journey-step h6,
body.light-theme .s-peer-signal h6,
body.light-theme .s-math-card h5,
body.light-theme .s-why-card .s-why-mining,
body.light-theme .s-road-step .s-road-time,
body.light-theme .s-road-step h6 {
  color: var(--text-strong);
}

/* Comp table head + rows */
body.light-theme .k-comp-row { color: var(--text-strong); }
body.light-theme .k-comp-row.head { background: rgba(232, 196, 136, 0.18); color: var(--gold-deep); }
body.light-theme .k-comp-row.kadema { background: rgba(232, 196, 136, 0.10); }

/* DMAIC step letter (gradient) — keep */
body.light-theme .k-dmaic-letter { /* gradient text auto handles */ }

/* Force live-feed dark panel inside vektor-ozel-sektor */
body.light-theme .vc-feed-stage {
  background: linear-gradient(180deg, rgba(255, 252, 244, 0.85) 0%, rgba(244, 237, 220, 0.6) 100%) !important;
}
body.light-theme .vc-feed-title { color: var(--text-strong) !important; }
body.light-theme .vc-feed-list { color: var(--text-strong); }

/* Live city demo on vektor.html — light variant */
body.light-theme .v-live-city {
  background: linear-gradient(180deg, rgba(255, 252, 244, 0.7) 0%, rgba(244, 237, 220, 0.4) 100%) !important;
  border-color: var(--surface-border-strong) !important;
}
body.light-theme .v-live-city-grid {
  background-image:
    linear-gradient(rgba(230, 57, 70, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(42, 157, 143, 0.12) 1px, transparent 1px) !important;
}
body.light-theme .v-road { background: rgba(28, 24, 48, 0.10) !important; }

/* Various other text colors that were rgba(255,251,239,X) */
body.light-theme .k-side-stat .l,
body.light-theme .v-arch-step p,
body.light-theme .v-channel-list li,
body.light-theme .v-channel-card p,
body.light-theme .v-channel-stat .l,
body.light-theme .vc-vert-brands,
body.light-theme .vd-quote-body,
body.light-theme .v-quote-body,
body.light-theme .f-quote-body { color: var(--text-base); }
body.light-theme .v-channel-card .tag,
body.light-theme .vc-vert-brands { color: var(--text-soft); }
body.light-theme .v-arch-flow { background: var(--surface-card) !important; border-color: var(--surface-border-strong) !important; }
body.light-theme .v-arch-step { background: rgba(28, 24, 48, 0.04) !important; border-color: var(--surface-border) !important; color: var(--text-strong); }
body.light-theme .v-arch-step h6 { color: var(--text-strong); }
body.light-theme .v-arch-step p { color: var(--text-base); }

/* Reproducible builds code card — title flex fix */
body.light-theme .vd-repro,
body.light-theme .code-card {
  background: linear-gradient(135deg, #1F1A2B 0%, #2B2640 100%) !important;
  border-color: rgba(28, 24, 48, 0.3) !important;
}

/* Channel cards (state/corp) light */
body.light-theme .v-channel-card.state {
  background:
    radial-gradient(circle at 100% 0%, rgba(230, 57, 70, 0.12), transparent 60%),
    linear-gradient(160deg, rgba(255, 252, 244, 0.95) 0%, rgba(244, 237, 220, 0.85) 100%) !important;
  border-color: rgba(230, 57, 70, 0.25) !important;
  color: var(--text-strong) !important;
}
body.light-theme .v-channel-card.corp {
  background:
    radial-gradient(circle at 100% 0%, rgba(42, 157, 143, 0.14), transparent 60%),
    linear-gradient(160deg, rgba(255, 252, 244, 0.95) 0%, rgba(244, 237, 220, 0.85) 100%) !important;
  border-color: rgba(42, 157, 143, 0.28) !important;
  color: var(--text-strong) !important;
}

/* Tokenomics block light */
body.light-theme .s-tokeno-block {
  background: linear-gradient(135deg, rgba(229, 160, 180, 0.10) 0%, rgba(232, 130, 108, 0.06) 100%) !important;
  border-color: rgba(229, 160, 180, 0.3) !important;
}
body.light-theme .s-tokeno-pie-center .sub { color: var(--text-soft); }

/* ROI block, comp head, KADEMA-specific */
body.light-theme .k-roi-block {
  background: linear-gradient(135deg, rgba(201, 169, 97, 0.10) 0%, rgba(74, 157, 127, 0.06) 100%) !important;
  border-color: rgba(201, 169, 97, 0.3) !important;
  color: var(--text-strong);
}
body.light-theme .k-roi-table { background: rgba(255, 252, 244, 0.85) !important; border-color: var(--surface-border) !important; }
body.light-theme .k-roi-row .k { color: var(--text-base); }
body.light-theme .k-roi-row { border-bottom-color: var(--surface-border); }

/* Math formula inside SENTOK */
body.light-theme .s-formula {
  background: linear-gradient(135deg, #1F1A2B 0%, #2B2640 100%) !important;
  color: #F5E5C4 !important;
}

/* Devlet permission toggle dark on rows */
body.light-theme .vd-perm-row { background: rgba(28, 24, 48, 0.05); }
body.light-theme .vd-perm-row.off .toggle { background: rgba(28, 24, 48, 0.22); }
body.light-theme .vd-perm-row .area { color: var(--text-strong); }

/* Mobile-apps app cards — keep dark for atmosphere but ensure boundary */
body.light-theme .app-card {
  border-color: rgba(28, 24, 48, 0.15);
  box-shadow: 0 20px 50px -20px rgba(28, 24, 48, 0.18);
}

/* Form fixes for project pages — split rows + spacing */
body.light-theme .form-row.split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-3);
}
body.light-theme .form-row.split > div { margin: 0; }
@media (max-width: 580px) {
  body.light-theme .form-row.split { grid-template-columns: 1fr; }
}
body.light-theme form[data-contact] {
  margin-top: var(--space-5);
}
body.light-theme form[data-contact] .form-row {
  margin-bottom: 18px;
}
body.light-theme form[data-contact] label {
  display: block !important;
  font-family: var(--font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--text-soft);
  margin-bottom: 8px !important;
  font-weight: 500;
}
body.light-theme form[data-contact] input,
body.light-theme form[data-contact] textarea,
body.light-theme form[data-contact] select {
  width: 100%;
  padding: 14px 16px;
  border-radius: 12px;
  background: rgba(255, 252, 244, 0.96);
  border: 1px solid rgba(28, 24, 48, 0.16);
  color: var(--text-strong);
  font-family: var(--font-body);
  font-size: 0.96rem;
  line-height: 1.4;
}
body.light-theme form[data-contact] input:focus,
body.light-theme form[data-contact] textarea:focus,
body.light-theme form[data-contact] select:focus {
  outline: none;
  border-color: var(--gold-rich);
  background: #FFFEF8;
  box-shadow: 0 0 0 4px rgba(232, 196, 136, 0.15);
}
body.light-theme form[data-contact] textarea {
  min-height: 110px;
  resize: vertical;
}
body.light-theme form[data-contact] button[type="submit"] {
  margin-top: var(--space-4);
  padding: 16px 28px !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
}
body.light-theme form[data-contact] .form-success {
  display: none;
  padding: 14px 18px;
  border-radius: 12px;
  background: rgba(43, 167, 134, 0.16);
  border: 1px solid rgba(43, 167, 134, 0.4);
  color: #1B5651;
  font-size: 0.94rem;
  margin-bottom: var(--space-4);
}
body.light-theme form[data-contact] .form-success.show { display: block; }

/* GLOBAL form-success default hidden state (covers all pages) */
.form-success { display: none; }
.form-success.show { display: block; }

/* Code card header fix — keep dots inline, ensure title doesn't wrap weirdly */
.vd-repro-head { flex-wrap: wrap; }
.vd-repro-head .title {
  margin-left: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
}
@media (max-width: 520px) {
  .vd-repro-head .title { font-size: 0.7rem; }
}

/* Section heading colors on project pages light theme */
body.light-theme .v-manifesto h2,
body.light-theme .v-arch-mini h2,
body.light-theme .v-numbers h2,
body.light-theme .v-two h2,
body.light-theme .k-three h2,
body.light-theme .k-dmaic h2,
body.light-theme .k-games h2,
body.light-theme .k-roi h2,
body.light-theme .k-pricing h2,
body.light-theme .k-comp h2,
body.light-theme .f-tree h2,
body.light-theme .f-games h2,
body.light-theme .f-journey h2,
body.light-theme .f-flow h2,
body.light-theme .f-ai h2,
body.light-theme .f-channels h2,
body.light-theme .s-arch h2,
body.light-theme .s-journey h2,
body.light-theme .s-peer h2,
body.light-theme .s-math h2,
body.light-theme .s-tokeno h2,
body.light-theme .s-why h2,
body.light-theme .s-road h2,
body.light-theme .vd-pillars-section h2,
body.light-theme .vd-os-section h2,
body.light-theme .vd-process h2,
body.light-theme .vd-lives h2,
body.light-theme .vd-supporters h2,
body.light-theme .vd-change h2,
body.light-theme .vc-arch h2,
body.light-theme .vc-sec h2,
body.light-theme .vc-life h2,
body.light-theme .vc-sectors h2,
body.light-theme .vc-faq h2 {
  color: var(--text-strong);
}
body.light-theme .v-manifesto h2 + p,
body.light-theme .k-three + p,
body.light-theme section > .wrap > p {
  color: var(--text-base);
}

/* Long descriptive paragraphs inside sections */
body.light-theme section p {
  color: var(--text-base);
}
body.light-theme section strong { color: var(--text-strong); }

/* =========================================================
   v3 FIXES — KADEMA/FORMA/SENTOK content visibility
   Override light-color brand-accent text to dark variants
   so card text remains readable on light backgrounds.
   ========================================================= */

/* KADEMA — replace light cream/gold accents with dark golden */
body.light-theme.light-theme[data-project="kadema"] {
  --kadema-cream: #6B4A1E;
  --kadema-gold-soft: #8B6326;
  --paper-0: #1C1830;
  --paper-50: #2B2640;
  --paper-100: #3A3358;
}
body.light-theme[data-project="kadema"] .k-dmaic-name,
body.light-theme[data-project="kadema"] .k-game-block-label,
body.light-theme[data-project="kadema"] .k-side-label,
body.light-theme[data-project="kadema"] .k-price-name,
body.light-theme[data-project="kadema"] .k-roi-table .v,
body.light-theme[data-project="kadema"] .k-comp-row.head {
  color: #8B6326 !important;
}
body.light-theme[data-project="kadema"] .k-side-card h4,
body.light-theme[data-project="kadema"] .k-game-block h5,
body.light-theme[data-project="kadema"] .k-dmaic-step .k-dmaic-games,
body.light-theme[data-project="kadema"] .k-comp-row {
  color: var(--text-strong) !important;
}
body.light-theme[data-project="kadema"] .k-game-block .tags span {
  background: rgba(74, 157, 127, 0.15);
  border-color: rgba(74, 157, 127, 0.4);
  color: #1B5651;
}

/* FORMA — replace cream/violet light accents with dark equivalents */
body.light-theme[data-project="forma"] {
  --forma-cream: #2B2640;
  --paper-0: #1C1830;
  --paper-50: #2B2640;
  --paper-100: #3A3358;
}
body.light-theme[data-project="forma"] .f-tree-cat,
body.light-theme[data-project="forma"] .f-game-card h5,
body.light-theme[data-project="forma"] .f-journey-step h6,
body.light-theme[data-project="forma"] .f-channel-card h5,
body.light-theme[data-project="forma"] .f-flow-node h6,
body.light-theme[data-project="forma"] .f-tree-row,
body.light-theme[data-project="forma"] .f-ai-text p {
  color: var(--text-strong) !important;
}
body.light-theme[data-project="forma"] .f-game-n,
body.light-theme[data-project="forma"] .f-channel-name,
body.light-theme[data-project="forma"] .f-flow-node-id,
body.light-theme[data-project="forma"] .f-ai-item-label {
  color: #5B4B8A !important;
}
body.light-theme[data-project="forma"] .f-ai-item-q {
  color: var(--text-strong) !important;
}
body.light-theme[data-project="forma"] .f-tree-desc,
body.light-theme[data-project="forma"] .f-game-card p,
body.light-theme[data-project="forma"] .f-channel-card p {
  color: var(--text-base) !important;
}

/* SENTOK — same pattern */
body.light-theme[data-project="sentok"] {
  --sentok-cream: #2B2640;
  --paper-0: #1C1830;
  --paper-50: #2B2640;
  --paper-100: #3A3358;
}
body.light-theme[data-project="sentok"] .s-arch-label,
body.light-theme[data-project="sentok"] .s-math-label,
body.light-theme[data-project="sentok"] .s-peer-signal-label,
body.light-theme[data-project="sentok"] .s-why-name,
body.light-theme[data-project="sentok"] .s-road-phase,
body.light-theme[data-project="sentok"] .s-journey-step,
body.light-theme[data-project="sentok"] .s-tokeno-row .l {
  color: #7A2E47 !important;
}
body.light-theme[data-project="sentok"] .s-arch-layer h3,
body.light-theme[data-project="sentok"] .s-math-card h5,
body.light-theme[data-project="sentok"] .s-peer-signal h6,
body.light-theme[data-project="sentok"] .s-why-card .s-why-mining,
body.light-theme[data-project="sentok"] .s-road-step h6,
body.light-theme[data-project="sentok"] .s-journey-step h6,
body.light-theme[data-project="sentok"] .s-arch-tags span {
  color: var(--text-strong) !important;
}
body.light-theme[data-project="sentok"] .s-arch-tags span {
  background: rgba(201, 95, 122, 0.12);
  border-color: rgba(201, 95, 122, 0.35);
}
body.light-theme[data-project="sentok"] .s-tokeno-row {
  background: rgba(255, 252, 244, 0.85) !important;
  border-color: rgba(28, 24, 48, 0.10) !important;
}

/* Universal: any card with "color: var(--paper-X)" inside project page should render dark */
body.light-theme[data-project] .k-side-card *,
body.light-theme[data-project] .k-game-block *,
body.light-theme[data-project] .k-dmaic-step *,
body.light-theme[data-project] .k-price-card *,
body.light-theme[data-project] .f-tree-row *,
body.light-theme[data-project] .f-game-card *,
body.light-theme[data-project] .f-journey-step *,
body.light-theme[data-project] .f-channel-card *,
body.light-theme[data-project] .f-ai-item *,
body.light-theme[data-project] .s-arch-layer *,
body.light-theme[data-project] .s-math-card *,
body.light-theme[data-project] .s-peer-signal *,
body.light-theme[data-project] .s-why-card *,
body.light-theme[data-project] .s-road-step * {
  /* Don't override gradients (background-clip text) */
}
body.light-theme[data-project] .k-side-card h4,
body.light-theme[data-project] .k-game-block h5,
body.light-theme[data-project] .k-price-card .k-price-n,
body.light-theme[data-project] .f-tree-cat,
body.light-theme[data-project] .f-game-card h5,
body.light-theme[data-project] .s-arch-layer h3 {
  /* These should be dark; ensure */
  color: var(--text-strong) !important;
}

/* Tag spans inside game/canvas cards */
body.light-theme[data-project] .f-channel-name { color: #5B4B8A !important; }

/* DMAIC Control step (was using kadema-gold-soft) */
body.light-theme[data-project="kadema"] .k-dmaic-step.control {
  background: linear-gradient(160deg, rgba(201, 169, 97, 0.28) 0%, rgba(74, 157, 127, 0.12) 100%) !important;
  border-color: rgba(201, 169, 97, 0.45) !important;
}

/* ROI table light styling */
body.light-theme[data-project="kadema"] .k-roi-table {
  background: rgba(255, 252, 244, 0.92) !important;
  border-color: rgba(28, 24, 48, 0.12) !important;
}
body.light-theme[data-project="kadema"] .k-roi-row { border-bottom-color: rgba(28, 24, 48, 0.08); }
body.light-theme[data-project="kadema"] .k-roi-row .k { color: var(--text-soft); }
body.light-theme[data-project="kadema"] .k-roi-row .v { color: #8B6326; }
body.light-theme[data-project="kadema"] .k-roi-row.hi .v { /* keep gradient */ }

/* SENTOK formula stays as code (dark background, light text) */
body.light-theme[data-project="sentok"] .s-formula {
  background: linear-gradient(135deg, #1F1A2B 0%, #2B2640 100%) !important;
  color: #F5E5C4 !important;
  border-color: rgba(28, 24, 48, 0.3) !important;
}

/* SENTOK tokeno-pie center text */
body.light-theme[data-project="sentok"] .s-tokeno-pie-center .big {
  /* gradient already */
}

/* FORMA — flow visualization */
body.light-theme[data-project="forma"] .f-flow-vis {
  background: rgba(255, 252, 244, 0.85) !important;
  border-color: rgba(28, 24, 48, 0.10) !important;
}
body.light-theme[data-project="forma"] .f-flow-node {
  background: rgba(255, 252, 244, 0.92) !important;
  border-color: rgba(139, 111, 232, 0.30) !important;
}

/* SENTOK why card mining text */
body.light-theme[data-project="sentok"] .s-why-card .s-why-mining,
body.light-theme[data-project="sentok"] .s-why-card p {
  color: var(--text-strong) !important;
}
body.light-theme[data-project="sentok"] .s-why-card.sentok .s-why-name { color: #C95F7A !important; }
body.light-theme[data-project="sentok"] .s-why-card p { color: var(--text-base) !important; }

/* Pull quotes inside project pages — ensure dark text */
body.light-theme[data-project] .vd-quote-body,
body.light-theme[data-project] .v-quote-body,
body.light-theme[data-project] .f-quote-body,
body.light-theme[data-project] blockquote {
  color: var(--text-strong) !important;
}

/* Section paragraph text safety net */
body.light-theme[data-project] section p,
body.light-theme[data-project] section li {
  color: var(--text-base);
}
body.light-theme[data-project] section h2,
body.light-theme[data-project] section h3,
body.light-theme[data-project] section h4,
body.light-theme[data-project] section h5,
body.light-theme[data-project] section h6 {
  color: var(--text-strong);
}
body.light-theme[data-project] section strong { color: var(--text-strong); }

/* Code card content (vd-repro) — keep dark theme inside */
body.light-theme .vd-repro {
  background: #1F1A2B !important;
  color: #FFFCF4 !important;
  border-color: rgba(28, 24, 48, 0.35) !important;
}
body.light-theme .vd-repro * { color: inherit; }
body.light-theme .vd-repro .c { color: rgba(255, 252, 244, 0.45) !important; }
body.light-theme .vd-repro .k { color: #FCD7A3 !important; }
body.light-theme .vd-repro .s { color: #4ECDC4 !important; }
body.light-theme .vd-repro .ok { color: #6FE9A7 !important; }

/* Sector vertical brands footnote */
body.light-theme .vc-vert-brands { color: var(--text-faint) !important; }

/* Permission row toggle area */
body.light-theme .vd-perm-row .area { color: var(--text-strong) !important; }

/* ========== APP PAGES — Comprehensive contrast overrides ========== */
/* Apps use brand color variables that are too light for cream background.
   Override the body[data-app=X] color tokens so text inside cards stays dark. */

body.light-theme[data-app] {
  --mr-bg: #FAF5E8;
  --mr-surface: #FBF6EA;
}

/* General app text overrides — replace light text with dark when on light theme */
body.light-theme[data-app] .sec-title,
body.light-theme[data-app] .sec-eyebrow,
body.light-theme[data-app] .app-title,
body.light-theme[data-app] .app-tag,
body.light-theme[data-app] .app-intro,
body.light-theme[data-app] h1, body.light-theme[data-app] h2,
body.light-theme[data-app] h3, body.light-theme[data-app] h4,
body.light-theme[data-app] h5, body.light-theme[data-app] h6,
body.light-theme[data-app] section p,
body.light-theme[data-app] section li {
  color: var(--text-strong);
}
body.light-theme[data-app] section p { color: var(--text-base); }
body.light-theme[data-app] section strong { color: var(--text-strong); }

/* Category cards — Mindrally Refleks/Hafıza/Mantık etc.: keep dark cards but lighten properly */
body.light-theme[data-app="mindrally"] .mr-cat-card,
body.light-theme[data-app="mindrally"] .mr-rank-row,
body.light-theme[data-app="mindrally"] .mr-pillar,
body.light-theme[data-app="mindrally"] .mr-feature {
  background: linear-gradient(160deg, #1a1d30 0%, #0d1020 100%) !important;
  border: 1px solid rgba(0, 243, 255, 0.30) !important;
  color: #F0F9FF;
  box-shadow: 0 18px 40px -16px rgba(28, 24, 48, 0.25);
}
body.light-theme[data-app="mindrally"] .mr-cat-card *,
body.light-theme[data-app="mindrally"] .mr-rank-row *,
body.light-theme[data-app="mindrally"] .mr-pillar *,
body.light-theme[data-app="mindrally"] .mr-feature * {
  /* keep nested colors as defined */
}
body.light-theme[data-app="mindrally"] .mr-rank-name,
body.light-theme[data-app="mindrally"] .mr-cat-card h4,
body.light-theme[data-app="mindrally"] .mr-cat-card h5,
body.light-theme[data-app="mindrally"] .mr-pillar h4,
body.light-theme[data-app="mindrally"] .mr-feature h4 { color: #F0F9FF !important; }
body.light-theme[data-app="mindrally"] .mr-rank-tribe { color: rgba(240, 249, 255, 0.55) !important; }
body.light-theme[data-app="mindrally"] .mr-cat-card p,
body.light-theme[data-app="mindrally"] .mr-pillar p,
body.light-theme[data-app="mindrally"] .mr-feature p { color: rgba(240, 249, 255, 0.78) !important; }

/* Aether — purple brand on cream */
body.light-theme[data-app="aether"] .ae-card,
body.light-theme[data-app="aether"] .ae-pillar,
body.light-theme[data-app="aether"] .ae-feature,
body.light-theme[data-app="aether"] .ae-trait {
  background: linear-gradient(160deg, #13102A 0%, #05060D 100%) !important;
  border: 1px solid rgba(155, 123, 255, 0.32) !important;
  color: #EDE6FF;
  box-shadow: 0 18px 40px -16px rgba(28, 24, 48, 0.28);
}
body.light-theme[data-app="aether"] .ae-card h4,
body.light-theme[data-app="aether"] .ae-card h5,
body.light-theme[data-app="aether"] .ae-pillar h4,
body.light-theme[data-app="aether"] .ae-feature h4,
body.light-theme[data-app="aether"] .ae-trait h4 { color: #EDE6FF !important; }
body.light-theme[data-app="aether"] .ae-card p,
body.light-theme[data-app="aether"] .ae-pillar p,
body.light-theme[data-app="aether"] .ae-feature p,
body.light-theme[data-app="aether"] .ae-trait p { color: rgba(237, 230, 255, 0.78) !important; }

/* Aura, Vita, Baby, Vibrance, Wisper — same pattern, ensure dark cards on light page */
body.light-theme[data-app="aura"] .au-card,
body.light-theme[data-app="aura"] .au-pillar,
body.light-theme[data-app="aura"] .au-feature,
body.light-theme[data-app="aura"] .au-trait {
  background: linear-gradient(160deg, #1B1130 0%, #05060D 100%) !important;
  border: 1px solid rgba(255, 127, 174, 0.30) !important;
  color: #FFE5F0;
  box-shadow: 0 18px 40px -16px rgba(28, 24, 48, 0.28);
}
body.light-theme[data-app="aura"] .au-card h4, body.light-theme[data-app="aura"] .au-card h5,
body.light-theme[data-app="aura"] .au-pillar h4, body.light-theme[data-app="aura"] .au-feature h4 { color: #FFE5F0 !important; }
body.light-theme[data-app="aura"] .au-card p, body.light-theme[data-app="aura"] .au-pillar p,
body.light-theme[data-app="aura"] .au-feature p { color: rgba(255, 229, 240, 0.78) !important; }

body.light-theme[data-app="vita"] .vt-card,
body.light-theme[data-app="vita"] .vt-pillar,
body.light-theme[data-app="vita"] .vt-feature {
  background: linear-gradient(160deg, #0D1E1B 0%, #05060D 100%) !important;
  border: 1px solid rgba(79, 209, 176, 0.32) !important;
  color: #E6FFF5;
  box-shadow: 0 18px 40px -16px rgba(28, 24, 48, 0.28);
}
body.light-theme[data-app="vita"] .vt-card h4, body.light-theme[data-app="vita"] .vt-pillar h4 { color: #E6FFF5 !important; }
body.light-theme[data-app="vita"] .vt-card p, body.light-theme[data-app="vita"] .vt-pillar p { color: rgba(230, 255, 245, 0.78) !important; }

body.light-theme[data-app="baby"] .bb-card,
body.light-theme[data-app="baby"] .bb-pillar,
body.light-theme[data-app="baby"] .bb-feature {
  background: linear-gradient(160deg, #2A1220 0%, #0A0810 100%) !important;
  border: 1px solid rgba(255, 159, 190, 0.30) !important;
  color: #FFEDF3;
  box-shadow: 0 18px 40px -16px rgba(28, 24, 48, 0.28);
}
body.light-theme[data-app="baby"] .bb-card h4, body.light-theme[data-app="baby"] .bb-pillar h4 { color: #FFEDF3 !important; }
body.light-theme[data-app="baby"] .bb-card p, body.light-theme[data-app="baby"] .bb-pillar p { color: rgba(255, 237, 243, 0.78) !important; }

body.light-theme[data-app="vibrance"] .vb-card,
body.light-theme[data-app="vibrance"] .vb-pillar {
  background: linear-gradient(160deg, #0F0E2C 0%, #05060D 100%) !important;
  border: 1px solid rgba(122, 90, 229, 0.32) !important;
  color: #EAE6FF;
  box-shadow: 0 18px 40px -16px rgba(28, 24, 48, 0.28);
}
body.light-theme[data-app="vibrance"] .vb-card h4 { color: #EAE6FF !important; }
body.light-theme[data-app="vibrance"] .vb-card p { color: rgba(234, 230, 255, 0.78) !important; }

body.light-theme[data-app="wisper"] .ws-card,
body.light-theme[data-app="wisper"] .ws-pillar {
  background: linear-gradient(160deg, #13122E 0%, #05060D 100%) !important;
  border: 1px solid rgba(196, 177, 255, 0.30) !important;
  color: #EFE9FF;
  box-shadow: 0 18px 40px -16px rgba(28, 24, 48, 0.28);
}
body.light-theme[data-app="wisper"] .ws-card h4 { color: #EFE9FF !important; }
body.light-theme[data-app="wisper"] .ws-card p { color: rgba(239, 233, 255, 0.78) !important; }

/* Section eyebrows on app pages — keep brand bright */
body.light-theme[data-app] .sec-eyebrow { color: var(--app-a) !important; }

/* Hero section text colors */
body.light-theme[data-app] .app-tag { color: var(--text-strong) !important; }
body.light-theme[data-app] .app-intro { color: var(--text-base) !important; }

/* Phone visual stays as is (it's the in-app mockup) */
body.light-theme[data-app] .phone-screen { /* unchanged */ }

/* Mindrally rank rows (leaderboard) — keep dark with bright text */
body.light-theme[data-app="mindrally"] .mr-rank {
  background: linear-gradient(160deg, #1a1d30 0%, #0d1020 100%) !important;
  border: 1px solid rgba(0, 243, 255, 0.20) !important;
  padding: 14px 18px;
}
body.light-theme[data-app="mindrally"] .mr-rank-list { gap: 8px; }
body.light-theme[data-app="mindrally"] .mr-rank-row {
  border-radius: 12px;
  padding: 12px 16px;
}
body.light-theme[data-app="mindrally"] .mr-rank-num { color: #ffbd00 !important; opacity: 1 !important; }
body.light-theme[data-app="mindrally"] .mr-rank-score { color: #00f3ff !important; }

/* Hero meta items dark on light */
body.light-theme[data-app] .hero-stat .v { color: var(--text-strong); }
body.light-theme[data-app] .hero-stat .l { color: var(--text-soft); }

/* Footer text contrast */
body.light-theme[data-app] .footer p { color: var(--text-soft) !important; }


/* =========================================================
   v4 FIX — Hero meta values must be readable on light bg
   Override all gradient-text .hero-meta-item .v with dark gradients
   ========================================================= */

body.light-theme[data-project="kadema"] .hero-meta-item .v,
body.light-theme[data-project="kadema"] .hero-meta-item .v[style] {
  background: linear-gradient(135deg, #B5864F 0%, #8C6326 50%, #5B4019 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 600 !important;
}

body.light-theme[data-project="forma"] .hero-meta-item .v,
body.light-theme[data-project="forma"] .hero-meta-item .v[style] {
  background: linear-gradient(135deg, #8B6FE8 0%, #5B4B8A 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 600 !important;
}

body.light-theme[data-project="sentok"] .hero-meta-item .v,
body.light-theme[data-project="sentok"] .hero-meta-item .v[style] {
  background: linear-gradient(135deg, #C95F7A 0%, #7A2E47 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 600 !important;
}

body.light-theme[data-project="vektor"] .hero-meta-item .v,
body.light-theme[data-project="vektor"] .hero-meta-item .v[style] {
  background: linear-gradient(135deg, #C81D25 0%, #1B6651 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 600 !important;
}

/* Label text above each value — ensure readable */
body.light-theme .hero-meta-item .l {
  color: var(--text-soft) !important;
  font-weight: 500;
}

/* Border between meta items */
body.light-theme .hero-meta {
  border-top: 1px solid var(--surface-border-strong) !important;
}


/* =========================================================
   v5 FIX — App pages: gradient text contrast on light bg
   Override all light-color gradient texts with darker brand variants
   so hero meta values, section titles, and accent text are readable
   ========================================================= */

/* ===== MINDRALLY ===== */
/* App title em: was --app-grad (cyan→gold) - too light on cream */
body.light-theme[data-app="mindrally"] .app-title em {
  background: linear-gradient(135deg, #0085c7 0%, #c97d00 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 500 !important;
}
body.light-theme[data-app="mindrally"] .hero-stat-v,
body.light-theme[data-app="mindrally"] .sec-title em {
  background: linear-gradient(90deg, #c97d00, #8a4f00) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 600 !important;
}
body.light-theme[data-app="mindrally"] .sec-eyebrow {
  color: #0085c7 !important;
}
/* App tag/intro readable */
body.light-theme[data-app="mindrally"] .app-tag,
body.light-theme[data-app="mindrally"] .app-intro {
  color: var(--text-strong) !important;
}
body.light-theme[data-app="mindrally"] .app-intro {
  color: var(--text-base) !important;
}
/* Hero stat labels */
body.light-theme[data-app="mindrally"] .hero-stat-l {
  color: var(--text-soft) !important;
}

/* ===== AETHER ===== */
body.light-theme[data-app="aether"] .app-title em,
body.light-theme[data-app="aether"] .sec-title em {
  background: linear-gradient(135deg, #5D40C7 0%, #2C1F66 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 500 !important;
}
body.light-theme[data-app="aether"] .hero-stat-v {
  background: linear-gradient(135deg, #8B6326 0%, #5B4019 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 600 !important;
}
body.light-theme[data-app="aether"] .sec-eyebrow { color: #5D40C7 !important; }
body.light-theme[data-app="aether"] .app-tag { color: var(--text-strong) !important; }
body.light-theme[data-app="aether"] .app-intro { color: var(--text-base) !important; }
body.light-theme[data-app="aether"] .hero-stat-l { color: var(--text-soft) !important; }

/* ===== AURA ===== */
body.light-theme[data-app="aura"] .app-title em,
body.light-theme[data-app="aura"] .sec-title em {
  background: linear-gradient(135deg, #E5548F 0%, #7A1840 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 500 !important;
}
body.light-theme[data-app="aura"] .hero-stat-v {
  background: linear-gradient(90deg, #E5548F, #7A1840) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 600 !important;
}
body.light-theme[data-app="aura"] .sec-eyebrow { color: #E5548F !important; }
body.light-theme[data-app="aura"] .app-tag { color: var(--text-strong) !important; }
body.light-theme[data-app="aura"] .app-intro { color: var(--text-base) !important; }
body.light-theme[data-app="aura"] .hero-stat-l { color: var(--text-soft) !important; }

/* ===== VITA ===== */
body.light-theme[data-app="vita"] .app-title em,
body.light-theme[data-app="vita"] .sec-title em {
  background: linear-gradient(135deg, #2AA786 0%, #14573F 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 500 !important;
}
body.light-theme[data-app="vita"] .hero-stat-v {
  background: linear-gradient(90deg, #2AA786, #14573F) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 600 !important;
}
body.light-theme[data-app="vita"] .sec-eyebrow { color: #2AA786 !important; }
body.light-theme[data-app="vita"] .app-tag { color: var(--text-strong) !important; }
body.light-theme[data-app="vita"] .app-intro { color: var(--text-base) !important; }
body.light-theme[data-app="vita"] .hero-stat-l { color: var(--text-soft) !important; }

/* ===== BABY ===== */
body.light-theme[data-app="baby"] .app-title em,
body.light-theme[data-app="baby"] .sec-title em {
  background: linear-gradient(135deg, #DC3B64 0%, #8159DC 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 500 !important;
}
body.light-theme[data-app="baby"] .hero-stat-v {
  background: linear-gradient(90deg, #DC3B64, #8159DC) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 600 !important;
}
body.light-theme[data-app="baby"] .sec-eyebrow { color: #DC3B64 !important; }
body.light-theme[data-app="baby"] .app-tag { color: var(--text-strong) !important; }
body.light-theme[data-app="baby"] .app-intro { color: var(--text-base) !important; }
body.light-theme[data-app="baby"] .hero-stat-l { color: var(--text-soft) !important; }

/* ===== VIBRANCE ===== */
body.light-theme[data-app="vibrance"] .app-title em,
body.light-theme[data-app="vibrance"] .sec-title em {
  background: linear-gradient(135deg, #5D40C7 0%, #2C1F66 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 500 !important;
}
body.light-theme[data-app="vibrance"] .hero-stat-v {
  background: linear-gradient(90deg, #5D40C7, #1B8086) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 600 !important;
}
body.light-theme[data-app="vibrance"] .sec-eyebrow { color: #5D40C7 !important; }
body.light-theme[data-app="vibrance"] .app-tag { color: var(--text-strong) !important; }
body.light-theme[data-app="vibrance"] .app-intro { color: var(--text-base) !important; }
body.light-theme[data-app="vibrance"] .hero-stat-l { color: var(--text-soft) !important; }

/* ===== WISPER ===== */
body.light-theme[data-app="wisper"] .app-title em,
body.light-theme[data-app="wisper"] .sec-title em {
  background: linear-gradient(90deg, #5D40C7, #B53299, #B5864F) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 500 !important;
}
body.light-theme[data-app="wisper"] .hero-stat-v {
  background: linear-gradient(90deg, #B5864F, #8B6326) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 600 !important;
}
body.light-theme[data-app="wisper"] .sec-eyebrow { color: #B53299 !important; }
body.light-theme[data-app="wisper"] .app-tag { color: var(--text-strong) !important; }
body.light-theme[data-app="wisper"] .app-intro { color: var(--text-base) !important; }
body.light-theme[data-app="wisper"] .hero-stat-l { color: var(--text-soft) !important; }

/* ===== UNIVERSAL APP PAGE OVERRIDES ===== */
/* Any gradient text on the page level (not inside mockup) — ensure dark gradient */
body.light-theme[data-app] section h2 em,
body.light-theme[data-app] section h3 em,
body.light-theme[data-app] section h4 em {
  /* Already handled per-app above; this is a safety net for any em */
}
/* Section paragraph + heading text safety net */
body.light-theme[data-app] section h2,
body.light-theme[data-app] section h3,
body.light-theme[data-app] section h4,
body.light-theme[data-app] section h5,
body.light-theme[data-app] section h6 {
  color: var(--text-strong);
}
body.light-theme[data-app] section p {
  color: var(--text-base);
}
body.light-theme[data-app] section strong {
  color: var(--text-strong);
}
/* Overline / eyebrow elements default to gold-rich */
body.light-theme[data-app] .overline {
  color: var(--gold-rich) !important;
}

/* Hero meta border and label colors are already covered by other rules */