/* css/theme-light.css */

html[data-theme="apuh-light"] {
  --bg: #f3f4f6;
  --bg-soft: #e5e7eb;
  --card: #ffffff;
  --ink: #111827;
  --muted: #4b5563;
  --ring: #cbd5f5;
  --accent: #e5e7eb;
  --shadow: 0 16px 40px rgba(15, 23, 42, 0.18);
}

html[data-theme="apuh-light"] body {
  background: radial-gradient(circle at top, #e5e7eb, #f9fafb);
  color: var(--ink);
}

html[data-theme="apuh-light"] .card {
  background: #ffffff;
  border-color: rgba(156, 163, 175, 0.7);
  color: #111827;
}

html[data-theme="apuh-light"] .topbar {
  background: linear-gradient(
    135deg,
    rgba(243, 244, 246, 0.98),
    rgba(229, 231, 235, 0.96)
  );
  border-bottom-color: rgba(148, 163, 184, 0.6);
}

html[data-theme="apuh-light"] .app-footer {
  background: linear-gradient(
    180deg,
    transparent,
    rgba(243, 244, 246, 0.96)
  );
  border-top-color: rgba(148, 163, 184, 0.6);
}

html[data-theme="apuh-light"] .bottom-nav {
  background: rgba(243, 244, 246, 0.98);
  border-top-color: rgba(148, 163, 184, 0.7);
}