/* ProDobro Games — Design tokens (shared across all games) */

:root {
  --pdg-font: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --pdg-accent: #ff758c;
  --pdg-accent-2: #ff7eb3;
  --pdg-accent-gradient: linear-gradient(135deg, #ff7eb3 0%, #ff758c 100%);

  --pdg-radius-sm: 12px;
  --pdg-radius: 16px;
  --pdg-radius-lg: 24px;

  --pdg-space-1: 4px;
  --pdg-space-2: 8px;
  --pdg-space-3: 12px;
  --pdg-space-4: 16px;
  --pdg-space-5: 24px;
  --pdg-space-6: 32px;
  --pdg-space-7: 48px;

  --pdg-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.06);
  --pdg-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  --pdg-shadow-lg: 0 20px 40px rgba(255, 126, 179, 0.2);
  --pdg-accent-glow: 0 8px 24px rgba(255, 117, 140, 0.4);

  --pdg-transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Light theme (default) */
:root,
:root[data-theme='light'] {
  --pdg-bg: #fdfbfb;
  --pdg-bg-image:
    radial-gradient(ellipse at top left, rgba(255, 182, 193, 0.5), transparent 55%),
    radial-gradient(ellipse at bottom right, rgba(173, 216, 230, 0.5), transparent 55%);
  --pdg-surface: rgba(248, 250, 253, 0.78);
  --pdg-surface-hover: rgba(255, 255, 255, 0.95);
  --pdg-surface-solid: #ffffff;
  --pdg-border: rgba(15, 23, 42, 0.14);
  --pdg-fg: #333333;
  --pdg-fg-muted: rgba(0, 0, 0, 0.6);
  --pdg-fg-subtle: rgba(0, 0, 0, 0.4);
  --pdg-overlay: rgba(15, 10, 26, 0.6);
}

/* Dark theme */
:root[data-theme='dark'] {
  --pdg-bg: #0f0a1a;
  --pdg-bg-image:
    radial-gradient(ellipse at top left, rgba(255, 126, 179, 0.18), transparent 55%),
    radial-gradient(ellipse at bottom right, rgba(130, 100, 220, 0.22), transparent 55%);
  --pdg-surface: rgba(255, 255, 255, 0.06);
  --pdg-surface-hover: rgba(255, 255, 255, 0.1);
  --pdg-surface-solid: #1a1330;
  --pdg-border: rgba(255, 255, 255, 0.1);
  --pdg-fg: #f0ecf7;
  --pdg-fg-muted: rgba(240, 236, 247, 0.65);
  --pdg-fg-subtle: rgba(240, 236, 247, 0.4);
  --pdg-overlay: rgba(0, 0, 0, 0.7);
}