/* Shared Theme Tokens and Overrides for Lottery Pages (Light/Dark) */

/* Dark tokens (fallback to original dark style) */
body.dark-theme {
  --bg-primary: #0a0a0b;
  --bg-secondary: #111113;
  --bg-tertiary: #1a1a1d;
  --bg-card: #141417;

  --surface-primary: rgba(255, 255, 255, 0.03);
  --surface-secondary: rgba(255, 255, 255, 0.05);
  --surface-tertiary: rgba(255, 255, 255, 0.08);
  --surface-hover: rgba(255, 255, 255, 0.12);
  --surface-active: rgba(255, 255, 255, 0.16);

  --text-primary: #f8fafc;
  --text-secondary: #e2e8f0;
  --text-tertiary: #cbd5e1;
  --text-quaternary: #94a3b8;
  --text-muted: #64748b;
  --text-disabled: #475569;

  --accent-primary: #6366f1;
  --accent-secondary: #8b5cf6;
  --accent-tertiary: #f472b6;
  --accent-gold: #fbbf24;
  --accent-emerald: #34d399;
  --accent-rose: #fb7185;
  --accent-cyan: #22d3ee;
  --accent-orange: #fb923c;

  --gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  --gradient-secondary: linear-gradient(135deg, #8b5cf6 0%, #f472b6 100%);
  --gradient-accent: linear-gradient(135deg, #f472b6 0%, #fb7185 100%);
  --gradient-warm: linear-gradient(135deg, #fbbf24 0%, #fb923c 100%);
  --gradient-cool: linear-gradient(135deg, #22d3ee 0%, #6366f1 100%);
  --gradient-bg: linear-gradient(135deg, #0a0a0b 0%, #111113 50%, #1a1a1d 100%);

  --glass-bg: rgba(20, 20, 23, 0.8);
  --glass-border: rgba(255, 255, 255, 0.1);
  --glass-hover: rgba(26, 26, 29, 0.9);

  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.2);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.5), 0 4px 6px rgba(0, 0, 0, 0.4);
  --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.6), 0 10px 10px rgba(0, 0, 0, 0.5);
  --shadow-2xl: 0 25px 50px rgba(0, 0, 0, 0.7);
  --shadow-premium: 0 40px 60px -20px rgba(0, 0, 0, 0.8);
}

/* Base */
body.dark-theme {
  background: var(--gradient-bg);
  color: var(--text-secondary);
  transition: background 0.3s ease, color 0.3s ease;
}

/* Page sections */
.page-container header .title {
  color: var(--text-primary) !important;
}
.page-container header .subtitle {
  color: var(--text-tertiary) !important;
}
.info-banner {
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
  color: var(--text-secondary) !important;
  border-radius: 16px !important;
  display: none;
}
.footer-info {
  color: var(--text-muted) !important;
}

/* Codes container - subtle card effect */
.codes-container {
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: 20px;
  box-shadow: var(--shadow-sm);
  padding: 12px;
}

.subtitle {
  display: none;
}