/* ==========================================
   ACERSMP 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: #122238;
  --text: #122238;
  --muted: #61738a;
  --border: rgba(45, 76, 112, .16);
  --panel: #ffffff;
  --bg: #eef4fb;

  --blue: #1479bd;
  --blue-bright: #0b5ec4;
  --blue-light: #1479bd;

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

  color: var(--white);

  background-color: var(--bg);
  background-image:
    radial-gradient(ellipse at 50% 0%, rgba(22, 135, 255, .1), transparent 50%),
    radial-gradient(ellipse at 50% 35%, #f2f7fd, #e8f0fa 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, #eef5fd);
}

/* 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(233, 242, 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(240, 246, 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(20, 121, 189, .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: #0f5fa8;
}

body.light-theme .plan-tag,
body.light-theme .addon-badge,
body.light-theme .rank-teaser-badge {
  background: rgba(20, 121, 189, .08);
}

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

body.light-theme .btn-outline {
  color: #0f5fa8;
  border-color: rgba(20, 121, 189, .45);
}

body.light-theme .btn-outline:hover {
  background: rgba(20, 121, 189, .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(20, 121, 189, .1);
}

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

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

body.light-theme .range-btn.active {
  color: #04111d;
}

body.light-theme .demo-text {
  color: #a8710f;
}