/* SSP Statify — premium look (gold on warm black). One layer over every public page:
   it re-points each page's colour/font tokens and polishes shared components. */
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root, :root[data-theme] {
  --p-ink:#0A0908; --p-panel:#13110D; --p-panel2:#191611; --p-raised:#211D15; --p-line:#2C2616; --p-line-soft:#1F1B12;
  --p-text:#F5F0E4; --p-dim:#B5AC99; --p-faint:#6F6856;
  --p-gold:#E8C25A; --p-gold-hi:#F6DE95; --p-gold-mid:#C9A13A; --p-gold-deep:#8A6D1E;
  --p-grad:linear-gradient(135deg,#F6DE95 0%,#E8C25A 40%,#B58A25 100%);
  --p-glow:rgba(232,194,90,.18);

  /* Nocturne tokens (home, login, ssppedia landing) */
  --color-bg:var(--p-ink); --color-surface:var(--p-panel2); --color-text:var(--p-text);
  --color-accent:var(--p-gold); --color-accent-2:var(--p-gold-hi);
  --color-divider:rgba(232,194,90,.16);
  --color-neutral-100:#FBF7EC; --color-neutral-200:#EDE6D4; --color-neutral-300:#D6CDB6; --color-neutral-400:#B5AC99;
  --color-neutral-500:#908873; --color-neutral-600:#706950; --color-neutral-700:#51493A; --color-neutral-800:#3A3427; --color-neutral-900:#26221A;
  --color-accent-100:#FFFAE8; --color-accent-200:#FBEFC4; --color-accent-300:#F6DE95; --color-accent-400:#EFCF70; --color-accent-500:#E8C25A;
  --color-accent-600:#C9A13A; --color-accent-700:#9C7B26; --color-accent-800:#6E561A; --color-accent-900:#3F310F;
  --color-accent-2-300:#F6DE95; --color-accent-2-400:#EFCF70; --color-accent-2-500:#E8C25A; --color-accent-2-600:#C9A13A;
  --color-section:#1A1408; --color-section-glow:#3A2C0E; --color-section-ghost:#5A4616;
  --font-heading:'Chakra Petch','Inter',system-ui,sans-serif; --font-heading-weight:600; --font-body:'Manrope','Inter',system-ui,sans-serif;
  --radius-sm:6px; --radius-md:12px; --radius-lg:20px;
  --shadow-sm:0 0 0 1px var(--p-line); --shadow-md:0 0 0 1px var(--p-line),0 10px 30px rgba(0,0,0,.55);
  --shadow-lg:0 0 0 1px rgba(232,194,90,.35),0 24px 60px rgba(0,0,0,.7);

  /* schedule page tokens */
  --bg:var(--p-ink); --accent:var(--p-gold); --font-display:'Chakra Petch',sans-serif; --font:'Manrope',sans-serif;

  --bg-2:var(--p-panel); --surface:var(--p-panel2); --surface-2:var(--p-raised);
  --line-2:rgba(232,194,90,.22); --text-2:var(--p-dim); --text-3:var(--p-faint); --accent-2:var(--p-gold-hi);
  --open:#6FD6A0; --booked:#F0907F;
  --card:var(--p-panel2); --txt:var(--p-text); --mut:var(--p-dim); --acc:var(--p-gold);
  --gold:var(--p-gold); --gold-dim:var(--p-gold-mid); --gold-glow:rgba(232,194,90,.22);

  /* SSPpedia tokens */
  --ink:var(--p-ink); --panel:var(--p-panel); --panel-alt:var(--p-panel2); --panel-raised:var(--p-raised);
  --line:var(--p-line); --line-soft:var(--p-line-soft);
  --accent-dim:var(--p-gold-mid); --accent-glow:var(--p-glow);
  --text:var(--p-text); --text-dim:var(--p-dim); --text-faint:var(--p-faint);
}
html { color-scheme:dark; }
body { background:var(--p-ink) !important; color:var(--p-text); font-family:'Manrope','Inter',system-ui,sans-serif; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
/* soft gold aura + fine grain over the whole page, behind content */
body::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:radial-gradient(900px 520px at 85% -8%, rgba(232,194,90,.10), transparent 60%), radial-gradient(800px 480px at -5% 30%, rgba(201,161,58,.06), transparent 60%), var(--p-ink) !important; }
h1,h2,h3,h4,.hd { font-family:'Chakra Petch',sans-serif !important; letter-spacing:.01em; }
h1 { font-weight:700 !important; }
::selection { background:var(--p-gold); color:#1A1206; }
::-webkit-scrollbar { width:10px; height:10px; } ::-webkit-scrollbar-track { background:var(--p-ink); }
::-webkit-scrollbar-thumb { background:#3A3220; border-radius:8px; border:2px solid var(--p-ink); } ::-webkit-scrollbar-thumb:hover { background:var(--p-gold-deep); }
a:hover { color:var(--p-gold-hi); }

/* nav: glass bar with a gold hairline */
#siteNav, nav.nav, header.nav, .topbar, .site-header { background:rgba(10,9,8,.72) !important; backdrop-filter:blur(16px) saturate(1.3); -webkit-backdrop-filter:blur(16px) saturate(1.3); border-bottom:1px solid rgba(232,194,90,.14) !important; }

/* buttons: solid gold with a lit edge; secondary = hairline */
button, .btn, a.btn, [class*="btn-"], input[type=submit] { font-family:'Manrope',sans-serif; }
.btn-primary, .btn.primary, a.cta, button.primary, .cta-btn, button[type=submit]:not(.ghost):not(.secondary) {
  background:var(--p-grad) !important; color:#1A1206 !important; border:0 !important; font-weight:800; letter-spacing:.02em;
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset, 0 8px 24px rgba(201,161,58,.28); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; }
.btn-primary:hover, .btn.primary:hover, a.cta:hover, button.primary:hover, .cta-btn:hover, button[type=submit]:not(.ghost):not(.secondary):hover { transform:translateY(-1px); filter:brightness(1.06); box-shadow:0 1px 0 rgba(255,255,255,.4) inset, 0 12px 32px rgba(201,161,58,.38); color:#1A1206 !important; }

/* cards / panels */
.entity-card, .card, .panel, .stat-card, .team-tile, .player-card, .spotlight-card, .tile, .feature, .tournament-card, [class*="-card"] {
  background:linear-gradient(180deg,var(--p-panel2),var(--p-panel)) !important; border:1px solid var(--p-line) !important; border-radius:16px;
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset, 0 12px 32px rgba(0,0,0,.35); transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.entity-card:hover, .card:hover, .team-tile:hover, .player-card:hover, .tournament-card:hover, a[class*="-card"]:hover { transform:translateY(-3px); border-color:rgba(232,194,90,.5) !important; box-shadow:0 18px 44px rgba(0,0,0,.55), 0 0 0 1px rgba(232,194,90,.12); }
input, select, textarea { background:var(--p-ink) !important; color:var(--p-text) !important; border:1px solid var(--p-line) !important; border-radius:12px; }
input:focus, select:focus, textarea:focus { outline:none; border-color:var(--p-gold) !important; box-shadow:0 0 0 3px rgba(232,194,90,.16); }
table { border-color:var(--p-line) !important; } th { color:var(--p-gold) !important; letter-spacing:.1em; font-family:'Chakra Petch',sans-serif; }
tr { border-color:var(--p-line-soft) !important; } tbody tr:hover { background:rgba(232,194,90,.05) !important; }
hr { border-color:var(--p-line) !important; }
footer { border-top:1px solid rgba(232,194,90,.14) !important; }
@media (prefers-reduced-motion: reduce) { * { transition:none !important; } }

/* hard-coded navy leftovers */
.pedia-hero { background:radial-gradient(ellipse 900px 520px at 50% -12%, rgba(232,194,90,.16) 0%, #120F09 48%, var(--p-ink) 74%) !important; }
section[style*="--color-section"], section[style*="color-section"] { border-color:rgba(232,194,90,.12) !important; }
.page-hero, .page-head, header.hero { background:radial-gradient(900px 420px at 50% -10%, rgba(232,194,90,.13), transparent 65%), var(--p-ink) !important; }
/* homepage hero + login primary actions (inline-styled outline buttons -> solid gold) */
a[href^="https://wa.me/"][style*="border:1px solid var(--color-accent)"] { background:var(--p-grad) !important; color:#1A1206 !important; border:0 !important; font-weight:800 !important; padding:14px 32px !important; border-radius:14px !important; box-shadow:0 1px 0 rgba(255,255,255,.35) inset, 0 10px 28px rgba(201,161,58,.3); transition:transform .18s, filter .18s; }
a[href^="https://wa.me/"][style*="border:1px solid var(--color-accent)"]:hover { transform:translateY(-1px); filter:brightness(1.07); color:#1A1206 !important; }

/* clips page ships a light-mode variant: keep it dark */
@media (prefers-color-scheme: light){ :root{ --bg:var(--p-ink); --card:var(--p-panel2); --line:var(--p-line); --txt:var(--p-text); --mut:var(--p-dim); --acc:var(--p-gold); } }
.dl{ background:var(--p-grad) !important; color:#1A1206 !important; }