/* ============================================================
 *  STOCKS LEAGUE — shared warm/human theme  (v2)
 *  Linked LAST on every page. Unifies palette, typography,
 *  borders, and the "back" buttons so the whole app feels like
 *  one upscale product instead of many AI-generated screens.
 * ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --sl-primary:   #4A6785;
  --sl-secondary: #6AA08D;
  --sl-accent:    #E0A24C;
  --sl-success:   #5CB88A;
  --sl-danger:    #D9645C;
  --sl-bg:        #1A1714;
  --sl-surface:   #221E1A;
  --sl-surface-2: #2A2521;
  --sl-border:    rgba(236, 226, 214, 0.10);   /* warm neutral, NOT green */
  --sl-text:      #F4EEE6;
  --sl-text-dim:  #B7ADA1;
  --sl-radius:    14px;

  /* Override common per-page variable names so existing pages
     that use var(--border)/var(--glow) become neutral & warm. */
  --border: rgba(236, 226, 214, 0.10);
  --glow:   rgba(0, 0, 0, 0);
}

/* Kill frosted-glass blur — a strong "AI" tell. */
*, *::before, *::after {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ---- Typography: upscale serif headings + clean humanist body ---- */
body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
h1, h2, h3,
.section-title, .page-title, .main-title, .league-name,
.draft-title, .module-title, .path-title, .hero-title {
  font-family: 'Fraunces', Georgia, 'Times New Roman', serif !important;
  letter-spacing: -0.01em;
  font-weight: 600;
}

/* ---- One consistent "Back" button everywhere ---- */
.back-link, .back-btn, .back-button, .back-btn-glassy,
.btn-back, .btn.btn-back, .back-arrow,
.footer-btn-back, .nav-button.back-button, .dashboard-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  padding: 0.5rem 0.95rem !important;
  font: 500 0.85rem/1 'Inter', sans-serif !important;
  color: var(--sl-text-dim) !important;
  background: rgba(236, 226, 214, 0.04) !important;
  border: 1px solid var(--sl-border) !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background .18s ease, color .18s ease, border-color .18s ease !important;
  box-shadow: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.back-link:hover, .back-btn:hover, .back-button:hover, .back-btn-glassy:hover,
.btn-back:hover, .btn.btn-back:hover, .back-arrow:hover,
.footer-btn-back:hover, .nav-button.back-button:hover, .dashboard-btn:hover {
  background: rgba(236, 226, 214, 0.09) !important;
  color: var(--sl-text) !important;
  border-color: rgba(236, 226, 214, 0.18) !important;
}

/* ---- Warmer, calmer scrollbars & focus ---- */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #3a332c; border-radius: 8px; }
::-webkit-scrollbar-track { background: transparent; }
:focus-visible { outline: 2px solid var(--sl-accent); outline-offset: 2px; }