/* ============================================
   Data-Driven Components — Light Theme Overrides
   components-dd-light.css ?v=1.0

   When dd-components appear inside light-themed
   containers (topic pages, progress page), swap
   the dark tokens for light equivalents.
   ============================================ */

/* ── Scoped light overrides ───────────────────────────────── */
.tp-card .dd-module,
.tp-card .dd-flowchart,
.tp-card .dd-gauge,
.tp-card .dd-pathway,
.tp-card .dd-video-telem,
.rp-prog-card .dd-pathway,
.rp-readiness .dd-pathway {
  --dd-bg:            #FFFFFF;
  --dd-bg-alt:        #F8FAF8;
  --dd-surface:       #F3F7F5;
  --dd-surface-alt:   #E8F1EF;
  --dd-border:        #E0EDEB;
  --dd-border-light:  #D0DCD9;
  --dd-text:          #1A2B2A;
  --dd-text-mid:      #3A5250;
  --dd-text-muted:    #6A8280;
  --dd-text-dim:      #8B9B98;

  /* Shadows soften for light theme */
  --dd-shadow:        0 1px 3px rgba(26,43,42,0.08), 0 0 0 1px rgba(26,43,42,0.04);
  --dd-shadow-lg:     0 4px 16px rgba(26,43,42,0.1), 0 0 0 1px rgba(26,43,42,0.04);
}

/* Flowchart nodes on light bg */
.tp-card .dd-flow__node {
  background: #FFFFFF;
  border-color: #E0EDEB;
}
.tp-card .dd-flow__node:hover {
  border-color: #D0DCD9;
}
.tp-card .dd-flow__connector {
  color: #C5D8D6;
}
.tp-card .dd-flow__connector.is-active {
  color: var(--dd-cyan);
}
.tp-card .dd-flow__var-select {
  background: #F3F7F5;
  border-color: #E0EDEB;
  color: #1A2B2A;
}

/* Gauge on light bg */
.tp-card .dd-gauge__slider {
  background: linear-gradient(90deg,
    #10B981 0%, #10B981 33%,
    #F59E0B 50%,
    #EF4444 75%, #EF4444 100%);
}
.tp-card .dd-gauge__slider::-webkit-slider-thumb {
  background: #1A2B2A;
  border-color: #FFFFFF;
}
.tp-card .dd-gauge__slider::-moz-range-thumb {
  background: #1A2B2A;
  border-color: #FFFFFF;
}

/* Gauge SVG text on light bg */
.tp-card .dd-gauge__zone-label {
  fill: #8B9B98;
}
.tp-card .dd-gauge__value {
  color: #1A2B2A;
}
.tp-card .dd-gauge__unit {
  color: #8B9B98;
}

/* Zone chips on light bg */
.tp-card .dd-gauge__zone-chip {
  border-color: #E0EDEB;
  color: #8B9B98;
}

/* Protocol / training cards on light bg */
.tp-card .dd-protocol {
  background: rgba(239,68,68,0.05);
  border-color: rgba(239,68,68,0.15);
}
.tp-card .dd-training-step {
  background: rgba(16,185,129,0.05);
  border-color: rgba(16,185,129,0.15);
}

/* Pathway on light bg — track background lighter */
.rp-prog-card .dd-pathway__track,
.tp-card .dd-pathway__track {
  background: #E0EDEB;
}
.rp-prog-card .dd-pathway__node,
.tp-card .dd-pathway__node {
  background: #F3F7F5;
  border-color: #E0EDEB;
}

/* Gauge needle on light bg */
.tp-card .dd-gauge__needle {
  stroke: #1A2B2A;
}
.tp-card circle[fill="#F9FAFB"] {
  fill: #1A2B2A;
}