/* Gym Bro Theme */
[data-theme="gymbro"] {
  /* Colors */
  --color-primary: #FF4444;
  --color-secondary: #1E1E1E;
  --color-accent: #FFA500;
  --color-background: #2A2A2A;
  --color-surface: #1E1E1E;
  --color-text: #FFFFFF;
  --color-text-light: #B0B0B0;
  --color-success: #00FF00;
  --color-danger: #FF0000;
  --color-warning: #FFA500;

  /* Typography */
  --font-heading: 'Impact', 'Arial Black', sans-serif;
  --font-body: 'Arial', 'Helvetica', sans-serif;

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

  /* Shadows - strong */
  --shadow-sm: 2px 2px 4px rgba(0, 0, 0, 0.4);
  --shadow-md: 4px 4px 8px rgba(0, 0, 0, 0.5);
  --shadow-lg: 6px 6px 12px rgba(0, 0, 0, 0.6);
}

[data-theme="gymbro"] body {
  background: linear-gradient(135deg, #1E1E1E 0%, #0A0A0A 100%);
}

[data-theme="gymbro"] .header {
  background: var(--color-surface);
  border-bottom: 4px solid var(--color-primary);
}

[data-theme="gymbro"] .logo {
  color: var(--color-primary);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-family: var(--font-heading);
}

[data-theme="gymbro"] .mode-display {
  color: var(--color-accent);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-family: var(--font-heading);
}

[data-theme="gymbro"] .timer-time {
  color: var(--color-primary);
  font-weight: 900;
  text-shadow:
    2px 2px 0 rgba(0, 0, 0, 0.5),
    0 0 20px rgba(255, 68, 68, 0.5);
}

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

[data-theme="gymbro"] .btn-primary {
  background: var(--color-primary);
  border-color: var(--color-primary);
  box-shadow: 0 4px 0 #CC0000;
}

[data-theme="gymbro"] .btn-primary:not(:disabled):hover {
  background: var(--color-accent);
  border-color: var(--color-accent);
  box-shadow: 0 6px 0 #CC7700;
}

[data-theme="gymbro"] .btn-primary:not(:disabled):active {
  box-shadow: 0 2px 0 #CC0000;
  transform: translateY(2px);
}

[data-theme="gymbro"] .footer {
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
}

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

[data-theme="gymbro"] .modal-title {
  color: var(--color-primary);
  font-family: var(--font-heading);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

[data-theme="gymbro"] .exercise-card:hover {
  border-color: var(--color-accent);
}

[data-theme="gymbro"] .exercise-card.selected {
  border-color: var(--color-primary);
  background: rgba(255, 68, 68, 0.1);
  box-shadow: 0 0 20px rgba(255, 68, 68, 0.4);
}

[data-theme="gymbro"] .exercise-badge {
  font-weight: 900;
  letter-spacing: 0.1em;
}

[data-theme="gymbro"] .exercise-badge.office {
  background: var(--color-accent);
  color: #000;
}

[data-theme="gymbro"] .exercise-badge.home {
  background: var(--color-primary);
}