/* ========================================
   NEXUS AUTH TOOL — Day mode for the public pages
   Home, services, login, register, recovery. Active when
   assets/js/theme.js or the server sets html[data-theme="light"].
   ======================================== */

html[data-theme="light"] body {
  background: radial-gradient(circle at 50% 0%, #e6eefc 0%, #f2f5fa 55%, #f2f5fa 100%) fixed;
  color: var(--text);
}

/* Surfaces */
html[data-theme="light"] .glass-panel {
  background: rgba(255, 255, 255, 0.88) !important;
  border-color: rgba(15, 23, 42, 0.08);
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .nx-feature-card,
html[data-theme="light"] .nx-tool-card,
html[data-theme="light"] .nx-service-card,
html[data-theme="light"] .nx-stat-box {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(248, 250, 253, 0.88)) !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 10px 28px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] .nx-status-card {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(15, 23, 42, 0.08);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

html[data-theme="light"] .nx-status-name { color: #334155; }

html[data-theme="light"] .nx-footer {
  background: rgba(255, 255, 255, 0.85);
  border-top-color: rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .nx-auth-icon { background: #eef3fb; }
html[data-theme="light"] .nx-checkbox { background: #ffffff; }

/* Text that was hard-coded for the dark canvas */
html[data-theme="light"] .nx-service-name { color: #0f172a; }
html[data-theme="light"] .nx-service-desc { color: #475569; }
html[data-theme="light"] .nx-service-price-value { color: #0f172a; text-shadow: none; }
html[data-theme="light"] .nx-filter-btn { color: #475569 !important; }
html[data-theme="light"] .nx-filter-btn.active,
html[data-theme="light"] .nx-filter-btn:hover { color: #1d4ed8 !important; }
html[data-theme="light"] .nx-filters { background: rgba(15, 23, 42, 0.04); }
html[data-theme="light"] .nx-feature-icon { background: rgba(15, 23, 42, 0.04) !important; color: #64748b !important; }
html[data-theme="light"] .nx-service-icon { color: #64748b; }