/**
 * Poker Calculator V2 - Design System Tokens
 * Theme: Luxury Casino (Dark, Elegant, Desktop-First)
 */

:root {
  /* Color Palette */
  --bg-main: #09090c;
  --bg-panel: #15151b;
  --bg-card: #1c1c24;
  --bg-card-hover: #242430;
  --bg-felt: #101813;
  --felt-border: #1b261f;
  
  /* Gold Accents */
  --gold-primary: #D4AF37;
  --gold-light: #F5D76E;
  --gold-muted: rgba(212, 175, 55, 0.2);
  --gold-border: rgba(212, 175, 55, 0.4);
  --gold-glow: rgba(212, 175, 55, 0.25);

  /* Typography Colors */
  --text-primary: #ffffff;
  --text-secondary: #b8b8b8;
  --text-muted: #757582;
  --text-dim: #555562;

  /* Borders & Dividers */
  --border-subtle: #272733;
  --border-card: #353545;
  --border-focus: #D4AF37;

  /* Status Colors */
  --success: #22c55e;
  --danger: #ef4444;
  --warning: #f59e0b;
  --blue: #3b82f6;

  /* Playing Card Colors */
  --card-white: #ffffff;
  --card-text-dark: #111827;
  --card-red: #dc2626;
  --card-black: #111827;
  --card-border: #d1d5db;
  --card-slot-bg: #121218;

  /* Typography */
  --font-heading: Georgia, 'Times New Roman', serif;
  --font-body: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Layout Dimensions */
  --header-height: 56px;
  --footer-height: 56px;
  --container-max-width: 1320px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
}