/* ==========================================
   HAZZARDSMP LIGHT THEME
   Loaded LAST on every page that has the shared
   header, so Home, Store, Leaderboard, Dashboard
   and the Discord section all flip correctly.
   ========================================== */

body.light-theme {
  color-scheme: light;

  /* ---------- One palette for every page ---------- */

  --white: #2e1065;
  --text: #2e1065;
  --muted: #85618a;
  --border: rgba(102, 45, 112, .16);
  --panel: #ffffff;
  --bg: #faf5ff;

  --blue: #a855f7;
  --blue-bright: #9333ea;
  --blue-light: #a855f7;

  --surface: rgba(255, 255, 255, .88);
  --surface-solid: #fff;
  --surface-hover: #fdf4ff;

  color: var(--white);

  background-color: var(--bg);
  background-image:
    radial-gradient(ellipse at 50% 0%, rgba(217, 22, 255, .1), transparent 50%),
    radial-gradient(ellipse at 50% 35%, #faf5ff, #f3e8ff 45%, var(--bg) 80%);
  background-attachment: fixed;
}

/* Keep the text readable no matter which page is open. */

body.light-theme h1,
body.light-theme h2,
body.light-theme h3,
body.light-theme h4,
body.light-theme strong,
body.light-theme .section-kicker,
body.light-theme .eyebrow,
body.light-theme .brand-name,
body.light-theme .footer-brand {
  color: var(--white);
}

body.light-theme p,
body.light-theme .section-description,
body.light-theme .hero-description {
  color: var(--muted);
}

/* ---------- Shared dark surfaces -> white ---------- */

body.light-theme .hero-logo,
body.light-theme .feature-card,
body.light-theme .home-stat,
body.light-theme .rank-teaser,
body.light-theme .community-panel,
body.light-theme .server-ip,
body.light-theme .floating-label,
body.light-theme .orbit,
body.light-theme .rank-teaser-list li,
body.light-theme .plan-card,
body.light-theme .plan-stat,
body.light-theme .store-info,
body.light-theme .notice,
body.light-theme .notice:hover,
body.light-theme .product-card,
body.light-theme .overview-card,
body.light-theme .server-panel,
body.light-theme .address-card,
body.light-theme .address-card:hover,
body.light-theme .podium-card,
body.light-theme .podium-card.first,
body.light-theme .table-container,
body.light-theme .search-box,
body.light-theme .category-tab,
body.light-theme .online-player,
body.light-theme .join-banner,
body.light-theme .stat-card,
body.light-theme .graph-panel,
body.light-theme .summary-panel,
body.light-theme .info-panel,
body.light-theme .note-panel,
body.light-theme .toast,
body.light-theme .footer,
body.light-theme .site-footer {
  background: rgba(255, 255, 255, .9);
  border-color: var(--border);
}

body.light-theme .hero-logo {
  background: linear-gradient(145deg, #ffffff, #fbeefd);
}

/* The dark glows behind the hero read as smudges on white. */

body.light-theme .hero-glow,
body.light-theme .community-glow {
  opacity: .35;
}

/* ---------- Tables ---------- */

body.light-theme .leaderboard-table thead {
  background: rgba(249, 233, 252, .9);
  color: var(--muted);
}

body.light-theme .leaderboard-table tbody tr {
  background: transparent;
}

body.light-theme .leaderboard-table tbody tr:nth-child(even) {
  background: rgba(251, 240, 253, .75);
}

body.light-theme .leaderboard-table td {
  border-bottom-color: var(--border);
}

/* ---------- Small bits that keep a dark colour ---------- */

body.light-theme .rank-icon,
body.light-theme .featured-label,
body.light-theme .product-card:hover .featured-label {
  background: rgba(168, 85, 247, .1);
}

body.light-theme .plan-stat strong,
body.light-theme .plan-price strong,
body.light-theme .addon-price strong,
body.light-theme .rank-teaser-price strong {
  color: #7e22ce;
}

body.light-theme .plan-tag,
body.light-theme .addon-badge,
body.light-theme .rank-teaser-badge {
  background: rgba(168, 85, 247, .08);
}

body.light-theme .store-hero .notice {
  background: rgba(255, 255, 255, .8);
}

body.light-theme .btn-outline {
  color: #7e22ce;
  border-color: rgba(168, 85, 247, .45);
}

body.light-theme .btn-outline:hover {
  background: rgba(168, 85, 247, .08);
}

body.light-theme .online-empty,
body.light-theme .podium-placeholder,
body.light-theme .member-empty {
  color: var(--muted);
}

body.light-theme .pagination button:not(:disabled):hover,
body.light-theme .range-btn:hover {
  background: rgba(168, 85, 247, .1);
}

/* ---------- Dashboard bits that used dark-only rules ---------- */

body.light-theme .graph-controls {
  background: rgba(89, 40, 100, .04);
}

body.light-theme .range-btn.active {
  color: #14051f;
}

body.light-theme .demo-text {
  color: #a8710f;
}
/* Purple highlight words inside body copy: the dark-mode accent is too pale
   on the light lavender background, so use the deep purple here. */
body.light-theme p > b {
  color: #7e22ce;
}

/* Homepage rank teasers: the feature lines were too pale on white cards. */
body.light-theme .rank-teaser-list li {
  color: #4a2a63;
}