/* ============================================================================
 * Casino Classic — luxury gold + black + cream
 *
 * Mirror of lobby template at client/lobby/templates/casino-classic/template.css
 * Vegas headline feel : radial wine-glow background fading into deep black,
 * gold accent gradients on primary actions, cream typography for warmth,
 * sharp 4px radius for high-end card feel.
 *
 * Override pattern : redefines tokens.css slots only. Layout primitives in
 * base.css consume these vars unchanged — no structural CSS additions.
 * ============================================================================ */

.demo-site--casino-classic {
  --demo-bg: #0a0a0a radial-gradient(ellipse at top, rgba(74, 14, 28, 0.55) 0%, transparent 55%) no-repeat fixed;
  --demo-fg: #f5e6c8;
  --demo-muted: rgba(245, 230, 200, 0.7);
  --demo-accent: #d4af37;
  --demo-card-bg: #0d1421;
  --demo-border: rgba(212, 175, 55, 0.45);
  --demo-shadow: 0 0 24px rgba(212, 175, 55, 0.18);
  --demo-font-display: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --demo-font-body: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --demo-radius: 4px;
  --demo-button-bg: linear-gradient(180deg, #e8c863 0%, #d4af37 50%, #b8932a 100%);
  --demo-button-fg: #0a0a0a;
}