/* Retro Gaming Theme */
[data-theme="retro"] {
  /* Colors */
  --color-primary: #FF6B6B;
  --color-secondary: #4ECDC4;
  --color-accent: #FFE66D;
  --color-background: #1A1A2E;
  --color-surface: #16213E;
  --color-text: #FFFFFF;
  --color-text-light: #A0A0B0;
  --color-success: #95E77D;
  --color-danger: #FF6B6B;
  --color-warning: #FFE66D;

  /* Typography */
  --font-heading: 'Courier New', monospace;
  --font-body: 'Courier New', monospace;
  --font-mono: 'Courier New', monospace;

  /* Border Radius - boxy */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 4px;

  /* Shadows - hard edges */
  --shadow-sm: 2px 2px 0 rgba(255, 230, 109, 0.3);
  --shadow-md: 4px 4px 0 rgba(255, 230, 109, 0.4);
  --shadow-lg: 6px 6px 0 rgba(255, 230, 109, 0.5);
}

[data-theme="retro"] body {
  background: #0F0F1E;
  background-image:
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(255, 255, 255, 0.03) 2px,
      rgba(255, 255, 255, 0.03) 4px
    );
}

[data-theme="retro"] .header {
  background: var(--color-surface);
  border-bottom: 3px solid var(--color-accent);
}

[data-theme="retro"] .logo {
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-shadow: 2px 2px 0 var(--color-primary);
}

[data-theme="retro"] .btn {
  border: 3px solid currentColor;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

[data-theme="retro"] .btn-primary {
  background: var(--color-accent);
  color: var(--color-background);
  border-color: var(--color-accent);
}

[data-theme="retro"] .btn-primary:not(:disabled):hover {
  background: var(--color-primary);
  border-color: var(--color-primary);
  transform: translateY(-2px);
  box-shadow: 4px 4px 0 rgba(255, 107, 107, 0.5);
}

[data-theme="retro"] .timer-time {
  font-family: 'Courier New', monospace;
  color: var(--color-accent);
  text-shadow:
    0 0 10px var(--color-accent),
    0 0 20px var(--color-accent),
    0 0 30px var(--color-secondary);
}

[data-theme="retro"] .mode-display {
  color: var(--color-secondary);
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

[data-theme="retro"] .footer {
  color: var(--color-secondary);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

[data-theme="retro"] .modal-content {
  background: var(--color-surface);
  border: 4px solid var(--color-accent);
}

[data-theme="retro"] .exercise-card {
  border: 3px solid var(--color-secondary);
  background: var(--color-background);
}

[data-theme="retro"] .exercise-card.selected {
  border-color: var(--color-accent);
  background: rgba(255, 230, 109, 0.1);
  box-shadow: 0 0 20px rgba(255, 230, 109, 0.3);
}