/* ================================================================
   Modules — Light Theme Overrides
   Provides [data-theme="light"] overrides for every module that
   defines its own CSS custom properties. Loaded AFTER each module's
   own stylesheet so these declarations win the cascade.
   ================================================================ */

/* ---------- delegation-poker (prefix --dp-) ---------- */
[data-theme="light"] .dp-lobby,
[data-theme="light"] .dp-sim-wrap,
[data-theme="light"] .dp-ex-wrap,
[data-theme="light"] .dp-report {
  --dp-text:    #111827;
  --dp-text2:   #4B5563;
  --dp-text3:   #6B7280;
  --dp-bg:      #FFFFFF;
  --dp-bg2:     #F9FAFB;
  --dp-bg3:     #F3F4F6;
  --dp-bdr:     #E5E7EB;
  --dp-bdr2:    #D1D5DB;
  --dp-shad:    0 1px 3px rgba(0,0,0,.08);
  --dp-shad2:   0 4px 12px rgba(0,0,0,.1);
  --dp-accent-glow:  rgba(230,126,34,.12);
  --dp-accent-glow2: rgba(230,126,34,.06);
  --dp-hover:       rgba(0,0,0,.03);
  --dp-on-accent:   #111;
}

/* ---------- moving-motivators (prefix --mm-) ---------- */
[data-theme="light"] {
  --mm-text:  #111827;
  --mm-text2: #4B5563;
  --mm-text3: #6B7280;
  --mm-bg:    #FFFFFF;
  --mm-bg2:   #F9FAFB;
  --mm-bg3:   #F3F4F6;
  --mm-bdr:   #E5E7EB;
  --mm-bdr2:  #D1D5DB;
}

/* ---------- happiness-door (prefix --hd-) ---------- */
[data-theme="light"] .hd-lobby,
[data-theme="light"] .hd-door-wrap,
[data-theme="light"] .hd-steps-wrap,
[data-theme="light"] .hd-change-wrap,
[data-theme="light"] .hd-report-wrap {
  --hd-text:  #111827;
  --hd-text2: #4B5563;
  --hd-text3: #6B7280;
  --hd-bg:    #FFFFFF;
  --hd-bg2:   #F9FAFB;
  --hd-bg3:   #F3F4F6;
  --hd-bdr:   #E5E7EB;
  --hd-bdr2:  #D1D5DB;
  --hd-shadow:    0 4px 12px rgba(0, 0, 0, 0.1);
  --hd-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* ---------- batna-negotiation (prefix --bn-) ---------- */
[data-theme="light"] {
  --bn-text:  #111827;
  --bn-text2: #4B5563;
  --bn-text3: #6B7280;
  --bn-bg:    #FFFFFF;
  --bn-bg2:   #F9FAFB;
  --bn-bg3:   #F3F4F6;
  --bn-bdr:   #E5E7EB;
  --bn-bdr2:  #D1D5DB;
}

/* ---------- resource-trap-sim (prefix --rt-) ---------- */
[data-theme="light"] {
  --rt-text:  #111827;
  --rt-text2: #4B5563;
  --rt-text3: #6B7280;
  --rt-bg:    #FFFFFF;
  --rt-bg2:   #F9FAFB;
  --rt-bg3:   #F3F4F6;
  --rt-bdr:   #E5E7EB;
  --rt-bdr2:  #D1D5DB;
  --rt-shad:  0 1px 3px rgba(0,0,0,.08);
}

/* ---------- kanban-flow-lab (prefix --m-, used as kfl-) ---------- */
[data-theme="light"] {
  --m-text:  #111827;
  --m-text2: #4B5563;
  --m-text3: #6B7280;
  --m-bg:    #FFFFFF;
  --m-bg2:   #F9FAFB;
  --m-bg3:   #F3F4F6;
  --m-bdr:   #E5E7EB;
  --m-bdr2:  #D1D5DB;
  --m-shad:  0 1px 3px rgba(0,0,0,.08);
  --m-shad2: 0 4px 12px rgba(0,0,0,.1);
}

/* ---------- release-backplanner / release-planning-guide /
              delivery-tracker-v7 (generic --bg/--surface/...) ---------- */
[data-theme="light"] {
  --bg:            #FFFFFF;
  --surface:       #F9FAFB;
  --surface2:      #F3F4F6;
  --surface-hover: #E5E7EB;
  --hover:         #E5E7EB;
  --border:        #D1D5DB;
  --text:          #111827;
  --text-muted:    #4B5563;
  --muted:         #6B7280;
}

/* kido-app already uses a light palette by default — leave untouched */

/* ---------- training-tracking — already light by default ---------- */
[data-theme="dark"] .module-container,
[data-theme="dark"] .wrap {
  --n0:   #18181B;
  --n25:  #1F1F23;
  --n50:  #27272A;
  --n75:  #3F3F46;
  --n200: #52525B;
  --n400: #A1A1AA;
  --n500: #D4D4D8;
  --n600: #E4E4E7;
  --n900: #FAFAFA;
}

/* ---------- six-thinking-hats (uses platform tokens) — handled by global ---------- */
/* ---------- design-thinking-lab (uses platform tokens) — handled by global ---------- */

/* ---------- nine-life-saving-rules (scoped to .nlsr-wrap) ---------- */
[data-theme="light"] .nlsr-wrap {
  --nlsr-bg:        #FFFFFF;
  --nlsr-bg-2:      #F9FAFB;
  --nlsr-bg-3:      #F3F4F6;
  --nlsr-text:      #111827;
  --nlsr-text-2:    #4B5563;
  --nlsr-text-3:    #6B7280;
  --nlsr-border:    #E5E7EB;
  --nlsr-border-2:  #D1D5DB;
}

/* ---------- life-saving-quest (scoped to .lsq-wrap) ---------- */
[data-theme="light"] .lsq-wrap {
  --lsq-bg:        #FFFFFF;
  --lsq-bg-2:      #F9FAFB;
  --lsq-bg-3:      #F3F4F6;
  --lsq-text:      #111827;
  --lsq-text-2:    #4B5563;
  --lsq-text-3:    #6B7280;
  --lsq-border:    #E5E7EB;
}

/* ---------- dragon-boat-kanban (scoped to .dbk-app) ---------- */
[data-theme="light"] .dbk-app {
  /* Surfaces */
  --dbk-bg:           #FFFFFF;
  --dbk-panel:        #F9FAFB;
  --dbk-panel2:       #F3F4F6;
  --dbk-elevated:     #EEEFF2;
  --dbk-border:       #E5E7EB;
  --dbk-border2:      #D1D5DB;
  --dbk-border-strong: #B4B8C1;

  /* Text */
  --dbk-text:         #111827;
  --dbk-text2:        #4B5563;
  --dbk-muted:        #6B7280;
  --dbk-tertiary:     #9CA3AF;

  /* Brand */
  --dbk-accent:       #0284C7;
  --dbk-accent-dim:   rgba(2,132,199,0.12);
  --dbk-brand:        #4F46E5;
  --dbk-brand-glow:   rgba(79,70,229,0.15);

  /* Semantic */
  --dbk-red:          #DC2626;
  --dbk-red-dim:      rgba(220,38,38,0.12);
  --dbk-blue:         #0284C7;
  --dbk-green:        #16A34A;
  --dbk-green-dim:    rgba(22,163,74,0.12);
  --dbk-orange:       #EA580C;
  --dbk-orange-dim:   rgba(234,88,12,0.12);
  --dbk-purple:       #9333EA;
  --dbk-gold:         #D97706;
  --dbk-success:      #16A34A;
  --dbk-warning:      #EA580C;
  --dbk-danger:       #DC2626;

  /* Team colors (light theme variants) */
  --dbk-team-red:     #991B1B;
  --dbk-team-blue:    #1E40AF;
  --dbk-team-green:   #166534;
  --dbk-team-orange:  #B45309;
  --dbk-team-purple:  #6B21A8;
  --dbk-team-gold:    #92400E;

  /* Shadows */
  --dbk-shadow-sm:    0 1px 3px rgba(0,0,0,0.08);
  --dbk-shadow-md:    0 4px 12px rgba(0,0,0,0.1);
  --dbk-shadow-lg:    0 10px 25px rgba(0,0,0,0.12);
  --dbk-shadow-xl:    0 25px 60px rgba(0,0,0,0.15);

  /* Canvas & Canvas-friendly colors */
  --dbk-canvas-text:       #111827;
  --dbk-canvas-grid:       rgba(0,0,0,0.08);
  --dbk-canvas-grid-light: rgba(0,0,0,0.04);
  --dbk-canvas-curve:      rgba(220,38,38,0.4);
  --dbk-canvas-curve-bg:   rgba(220,38,38,0.06);
  --dbk-canvas-boat-normal: rgba(2,132,199,0.6);
  --dbk-canvas-boat-curve:  rgba(220,38,38,0.8);

  /* Form field backgrounds */
  --dbk-input-bg:     #F3F4F6;
  --dbk-input-text:   #111827;
  --dbk-input-border: #D1D5DB;
}

/* ---------- f1-kanban-simulator (scoped to .f1k-app) ---------- */
[data-theme="light"] .f1k-app {
  --f1k-bg:           #FFFFFF;
  --f1k-panel:        #F9FAFB;
  --f1k-panel2:       #F3F4F6;
  --f1k-elevated:     #EEEFF2;
  --f1k-border:       #E5E7EB;
  --f1k-border2:      #D1D5DB;
  --f1k-border-strong:#B4B8C1;
  --f1k-text:         #111827;
  --f1k-text2:        #4B5563;
  --f1k-muted:        #6B7280;
  --f1k-tertiary:     #9CA3AF;
  --f1k-accent:       #0284C7;
  --f1k-accent-dim:   rgba(2,132,199,0.12);
  --f1k-f1red:        #B91C1C;
  --f1k-f1red-dim:    rgba(185,28,28,0.1);
  --f1k-danger:       #DC2626;
  --f1k-red-dim:      rgba(220,38,38,0.1);
  --f1k-success:      #16A34A;
  --f1k-green-dim:    rgba(22,163,74,0.1);
  --f1k-warning:      #D97706;
  --f1k-orange-dim:   rgba(217,119,6,0.1);
  --f1k-purple:       #7C3AED;
  --f1k-purple-dim:   rgba(124,58,237,0.1);
  --f1k-shadow-sm:    0 1px 3px rgba(0,0,0,0.08);
  --f1k-shadow-md:    0 4px 12px rgba(0,0,0,0.1);
  --f1k-shadow-lg:    0 10px 25px rgba(0,0,0,0.12);
  --f1k-canvas-bg:       #F0F0F8;
  --f1k-canvas-panel:    #E8E8F0;
  --f1k-canvas-text:     #111827;
  --f1k-canvas-grid:     rgba(0,0,0,0.07);
  --f1k-canvas-grid-alt: rgba(0,0,0,0.03);
  --f1k-canvas-sc:       rgba(200,150,0,0.12);
  --f1k-canvas-pit-bg:   rgba(0,0,0,0.04);
  --f1k-canvas-pit-line: rgba(0,0,0,0.2);
}

/* ---------- agile-team-sim (uses generic --color-*) ---------- */
[data-theme="light"] .ats-app,
[data-theme="light"] .ats-wrap {
  --color-bg:           #FFFFFF;
  --color-surface:      #F9FAFB;
  --color-border:       #E5E7EB;
  --color-text:         #111827;
  --color-text-muted:   #4B5563;
}

/* ---------- change-mgmt-sim ---------- */
[data-theme="light"] {
  --color-bg:           #FFFFFF;
  --color-surface:      #F9FAFB;
  --color-surface-2:    #F3F4F6;
  --color-border:       #E5E7EB;
  --color-text:         #111827;
  --color-text-muted:   #4B5563;
}

/* ---------- lencioni-simulator / six-thinking-hats / sample_app
              fallback: ensure readable text + bg via .module-container ---------- */
[data-theme="light"] body {
  background: var(--gradient-bg);
  color: var(--neutral-950);
}

/* When inside a module wrapper that has no light theme of its own,
   keep text readable against the platform-light background. */
[data-theme="light"] .module-container {
  color: var(--neutral-950);
}