/* CSS Custom Properties - Theme Variables */

:root {
  /* Casino Theme (Default) */
  --primary-bg: #1a237e;
  --secondary-bg: #283593;
  --tertiary-bg: #3949ab;
  --accent: #ffd700;
  --accent-hover: #ffeb3b;
  --text-primary: #ffffff;
  --text-secondary: #b0bec5;
  --text-muted: #78909c;

  /* Card Table */
  --table-bg: #1b5e20;
  --table-border: #2e7d32;

  /* Feedback Colors */
  --win-glow: #ffd700;
  --win-bg: rgba(255, 215, 0, 0.2);
  --loss-flash: #f44336;
  --hold-glow: #4caf50;

  /* Card Colors */
  --card-bg: #ffffff;
  --card-red: #d32f2f;
  --card-black: #212121;
  --card-back-bg: var(--primary-bg);

  /* Sizing - Cards are the main focus - BIG cards */
  --card-width: 220px;
  --card-height: 308px;
  --card-gap: 24px;
  --button-height: 64px;
  --button-min-width: 120px;
  --border-radius: 12px;
  --border-radius-sm: 8px;

  /* Typography */
  --font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-size-xs: 14px;
  --font-size-sm: 16px;
  --font-size-md: 20px;
  --font-size-lg: 28px;
  --font-size-xl: 36px;
  --font-size-xxl: 48px;

  /* Animation Durations */
  --flip-duration: 0.2s;
  --deal-delay: 0.1s;
  --transition-fast: 0.15s;
  --transition-normal: 0.3s;

  /* Shadows */
  --shadow-card: 0 4px 12px rgba(0, 0, 0, 0.3);
  --shadow-card-hover: 0 8px 24px rgba(0, 0, 0, 0.4);
  --shadow-button: 0 2px 8px rgba(0, 0, 0, 0.2);
  --shadow-glow: 0 0 20px var(--win-glow);
}

/* Michigan Theme */
[data-theme="michigan"] {
  --primary-bg: #00274c;
  --secondary-bg: #0c2d5c;
  --tertiary-bg: #1a4480;
  --accent: #ffcb05;
  --accent-hover: #ffe066;
  --table-bg: #002d62;
  --table-border: #004080;
}