/* ============================================================
   PDI — light theme override
   Loaded after /shared/thriveo.css to re-point its design tokens
   at light values for this module only (thriveo.css itself is
   shared by other modules and must stay untouched).
   ============================================================ */

:root {
  --th-bg:          #f7f8fc;
  --th-surface:     #ffffff;
  --th-surface-2:   #f1f4f9;
  --th-surface-3:   #e2e8f0;
  --th-border:      rgba(15, 23, 42, 0.08);
  --th-border-md:   rgba(15, 23, 42, 0.14);

  --th-text:        #1e293b;
  --th-text-2:      #475569;
  --th-text-3:      #64748b;

  --th-shadow:      0 4px 24px rgba(15, 23, 42, 0.10);
  --th-shadow-sm:   0 2px 8px rgba(15, 23, 42, 0.06);
}

/* thriveo.css forces a dark translucent navbar with !important; re-point it to light */
nav, .navbar, header.navbar, .main-header, .top-nav {
  background: rgba(255, 255, 255, 0.85) !important;
}

/* thriveo.css forces every .card to --th-surface with !important, which wiped out
   these two intentionally custom-colored cards (and made white card text invisible) */
.card.card-gradient-primary {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}
.card.card-gradient-mint {
  background: linear-gradient(135deg, #f0fdf4, #dcfce7) !important;
}

/* Pastel badge/alert text was tuned for dark surfaces; darken for contrast on white */
.badge-success, .status-active, .badge-green { color: #059669 !important; }
.badge-warning, .status-pending             { color: #b45309 !important; }
.badge-danger, .badge-red                   { color: #dc2626 !important; }
.badge-info, .badge-primary                 { color: #4338ca !important; }

.alert-success                  { color: #047857 !important; }
.alert-error, .alert-danger     { color: #b91c1c !important; }
.alert-warning                  { color: #b45309 !important; }
.alert-info                     { color: #4338ca !important; }