/* =============================================================================
   Vela Deal Intelligence — Light Mode Overrides
   Source: brand-kit.md §7 + mockup/html/light-mode.md.
   Light mode is product-UI only and OPT-IN. Applied via body[data-mode="light"].
   Never auto-followed from prefers-color-scheme.
   ========================================================================== */

[data-mode="light"] {
  /* Surfaces */
  --canvas:           var(--slate-50);
  --surface-deep:     var(--slate-100);
  --card-bg:          color-mix(in srgb,
                        color-mix(in srgb, #FFFFFF 94%, var(--brand-secondary-100)) 96%,
                        transparent);
  --menu-bg:          color-mix(in srgb, var(--surface-deep) 60%, var(--canvas));
  --hairline:         color-mix(in srgb, var(--brand-primary-900) 12%, transparent);
  --hairline-strong:  color-mix(in srgb, var(--brand-primary-900) 26%, transparent);

  /* Accents */
  --accent:           var(--brand-secondary-600);
  --accent-emphasis:  var(--brand-secondary-700);
  --accent-glow:      oklch(0.450 0.114 163 / 0.16);
  --cta:              var(--brand-accent-400);          /* unchanged — brand anchor */
  --cta-glow:         oklch(0.630 0.181 50 / 0.22);

  /* Text */
  --text-primary:     var(--brand-primary-900);
  --text-secondary:   var(--slate-700);
  --text-muted:       var(--slate-500);
  --white:            var(--slate-50);                  /* unchanged */
  --logo-color:       var(--brand-primary-900);

  /* Status */
  --status-info:        var(--info-500);
  --status-success:     var(--success-600);
  --status-warning:     var(--warning-400);
  --status-danger:      var(--danger-600);
  --status-danger-fill: var(--brand-accent-600);        /* unchanged */
}