/*
 * Agent Profile — Light Theme Override
 * Created: 2026-02-20 (Architectural Audit M5)
 * 
 * Overrides dark design-system vars for consumer-facing agent profiles.
 * Add this AFTER design-system.css in the agent profile view.
 * Dashboard/admin pages remain dark.
 */

/* ─── Light Mode Variables ─── */
.agent-profile {
  --ns-bg-primary: #ffffff;
  --ns-bg-secondary: #f8f9fa;
  --ns-bg-tertiary: #f0f1f3;
  --ns-bg-elevated: #ffffff;
  --ns-bg-surface: #ffffff;
  --ns-text-primary: #111827;
  --ns-text-secondary: #4b5563;
  --ns-text-muted: #9ca3af;
  --ns-text-disabled: #d1d5db;
  --ns-accent: #f59e0b;
  --ns-accent-hover: #d97706;
  --ns-accent-subtle: rgba(245, 158, 11, 0.08);
}

/* ─── Page Background ─── */
.landing-bg {
  background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%) !important;
}

.landing-shell {
  background: transparent !important;
}

/* ─── Hero Section ─── */
.agent-hero {
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
  padding: 3rem 0;
}

.agent-hero__name {
  color: #111827 !important;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.agent-hero__tagline {
  color: #6b7280;
  font-size: 1.125rem;
}

.agent-hero__description {
  color: #374151;
  line-height: 1.7;
  max-width: 640px;
}

.agent-hero__status {
  background: #ecfdf5;
  color: #059669;
  border: 1px solid #a7f3d0;
}

.agent-hero__status-dot {
  background: #10b981 !important;
}

/* ─── Badges ─── */
.agent-badge {
  background: #f3f4f6;
  color: #374151;
  border: 1px solid #e5e7eb;
}

.agent-badge--verified {
  background: #ecfdf5;
  color: #059669;
  border-color: #a7f3d0;
}

.agent-badge--category {
  background: #fef3c7;
  color: #92400e;
  border-color: #fde68a;
}

/* ─── Traits & Tags ─── */
.agent-trait,
.agent-tag {
  background: #f3f4f6;
  color: #374151;
  border: 1px solid #e5e7eb;
}

/* ─── CTA Buttons ─── */
.agent-cta--primary {
  background: #f59e0b !important;
  color: #000 !important;
  font-weight: 700;
  border: none;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3);
  transition: all 0.2s ease;
}

.agent-cta--primary:hover {
  background: #d97706 !important;
  box-shadow: 0 4px 16px rgba(245, 158, 11, 0.4);
  transform: translateY(-1px);
}

.agent-cta--secondary {
  background: #ffffff !important;
  color: #374151 !important;
  border: 1px solid #d1d5db !important;
}

.agent-cta--secondary:hover {
  background: #f9fafb !important;
  border-color: #9ca3af !important;
}

/* ─── Sections ─── */
.agent-section {
  background: #ffffff;
  padding: 3rem 0;
}

.agent-section--dark {
  background: #f8f9fa !important;
}

.agent-section__title {
  color: #111827 !important;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.agent-section__subtitle {
  color: #6b7280;
}

/* ─── Stats Cards ─── */
.agent-stat-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.agent-stat-card__value {
  color: #111827 !important;
  font-weight: 800;
}

.agent-stat-card__label {
  color: #6b7280;
}

/* ─── Capability Cards ─── */
.agent-capability {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.agent-capability:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}

.agent-capability__label {
  color: #111827;
  font-weight: 600;
}

.agent-capability__desc {
  color: #6b7280;
}

/* ─── Expertise Q&A Cards ─── */
.agent-expertise-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  color: #374151;
  transition: all 0.2s ease;
}

.agent-expertise-card:hover {
  border-color: #f59e0b;
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.12);
  transform: translateY(-2px);
}

.agent-expertise-card__number {
  background: #fef3c7;
  color: #92400e;
}

.agent-expertise-card__text {
  color: #374151;
}

.agent-expertise-card__arrow {
  color: #f59e0b;
}

/* ─── Soul/Personality ─── */
.agent-soul__quote {
  background: #fefce8;
  border-left: 4px solid #f59e0b;
  border-radius: 0 12px 12px 0;
  padding: 1.5rem 2rem;
  color: #374151;
}

/* ─── Skills Grid ─── */
.agent-skill-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.agent-skill-card__name {
  color: #111827;
  font-weight: 600;
}

.agent-skill-card__desc {
  color: #6b7280;
}

/* ─── Social Presence ─── */
.agent-social-tile {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
}

.agent-social-tile--inactive {
  background: #f9fafb;
  opacity: 0.7;
}

.agent-social-tile__label {
  color: #374151;
}

.agent-social-tile__status {
  color: #9ca3af;
}

/* ─── Trust Grid ─── */
.agent-trust-item {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 2rem;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.agent-trust-item h3 {
  color: #111827;
  font-weight: 700;
}

.agent-trust-item p {
  color: #6b7280;
}

/* ─── Try Chat Panel ─── */
.agent-try-chat {
  background: #f8f9fa !important;
}

.agent-try-chat__panel {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.agent-try-chat__header h2 {
  color: #111827 !important;
}

.agent-try-chat__header p {
  color: #6b7280;
}

.agent-chat-meta {
  color: #9ca3af !important;
}

/* ─── Final CTA ─── */
.agent-final-cta {
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%) !important;
  padding: 4rem 0;
  text-align: center;
}

.agent-final-cta h2 {
  color: #111827 !important;
  font-weight: 800;
  font-size: 2rem;
}

.agent-final-cta p {
  color: #6b7280;
  font-size: 1.125rem;
}

.agent-cta--large {
  padding: 1rem 2.5rem !important;
  font-size: 1.125rem;
}

/* ─── Intro Text ─── */
.agent-intro-text p {
  color: #374151;
  line-height: 1.8;
  font-size: 1.05rem;
}

/* ─── Navbar Override (light) ─── */
.agent-profile .landing-nav,
.landing-nav {
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(12px);
  border-bottom: 1px solid #e5e7eb;
}

.landing-nav a,
.landing-nav .landing-nav__logo {
  color: #111827 !important;
}

/* ─── Footer Override ─── */
.landing-footer {
  background: #111827 !important;
  color: #9ca3af;
}

/* ─── Agent Footer ─── */
.agent-footer {
  text-align: center;
  padding: 1rem 0;
}

.agent-footer__links {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 0.75rem;
}

.agent-footer__links a {
  color: #9ca3af !important;
  text-decoration: none;
  font-size: 0.875rem;
  transition: color 0.2s ease;
}

.agent-footer__links a:hover {
  color: #f59e0b !important;
}

.agent-footer__copy {
  color: #6b7280;
  font-size: 0.8125rem;
  margin: 0;
}

/* ─── Responsive ─── */
@media (max-width: 768px) {
  .agent-hero__actions {
    flex-direction: column;
  }
  
  .agent-hero__actions .agent-cta {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}