/* Retro Arcade Coder Custom Stylesheet (Simple Dark Theme only) */

.theme-retro-game {
  --theme-primary: #818cf8; /* Soft readable purple-indigo */
  --theme-primary-hover: #6366f1;
  --theme-bg: #0f172a; /* Clean dark slate background, no whites */
  --theme-card-bg: #1e293b; /* Readable dark grey card background */
  --theme-border: #334155; /* Soft clean grey border */
  --theme-border-hover: #475569;
  --theme-text: #f8fafc; /* Clean off-white text for high contrast */
  --theme-text-muted: #94a3b8; /* Muted grey text */
  --theme-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  font-family: var(--theme-font) !important;
  font-size: 16px !important;
  background-color: var(--theme-bg) !important;
  color: var(--theme-text) !important;
}

.theme-retro-game.dark,
.dark .theme-retro-game,
.dark.theme-retro-game {
  --theme-primary: #818cf8;
  --theme-primary-hover: #6366f1;
  --theme-bg: #0f172a;
  --theme-card-bg: #1e293b;
  --theme-border: #334155;
  --theme-border-hover: #475569;
  --theme-text: #f8fafc;
  --theme-text-muted: #94a3b8;
}

.theme-retro-game body,
.theme-retro-game input,
.theme-retro-game select,
.theme-retro-game textarea,
.theme-retro-game button {
  background-color: var(--theme-bg) !important;
  color: var(--theme-text) !important;
  font-family: var(--theme-font) !important;
}

/* Force larger font sizes for readability */
.theme-retro-game .text-3xs {
  font-size: 13px !important;
}
.theme-retro-game .text-2xs {
  font-size: 14px !important;
}


.theme-retro-game .text-sm {
  font-size: 17px !important;
}
.theme-retro-game .text-base {
  font-size: 19px !important;
}
.theme-retro-game .text-lg {
  font-size: 21px !important;
}

/* Simple Clean Borders */
.theme-retro-game .pixel-border {
  border: 1px solid var(--theme-border);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
  background: var(--theme-card-bg);
  border-radius: 12px;
}

.theme-retro-game .arcade-glow-text {
  text-shadow: none !important;
  color: var(--theme-text) !important;
}

.theme-retro-game .game-card {
  transition: all 0.2s ease;
  border-radius: 12px;
}

.theme-retro-game .game-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}