/**
 * Global Styles - GameBoy Skins System
 * CSS Variables for dynamic theming
 */

/* Import Press Start 2P font */
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

/* GameBoy Skin CSS Variables */
:root {
  /* Default Classic Gray Skin */
  --gameboy-body: #9e9e9e;
  --gameboy-screen: #9bbc0f;
  --gameboy-screen-bg: #0f380f;
  --gameboy-buttons: #3a3a3a;
  --gameboy-dpad: #2a2a2a;
  
  /* Additional UI colors */
  --gameboy-border: #306230;
  --gameboy-highlight: #00ff00;
  --gameboy-shadow: rgba(0, 0, 0, 0.5);
  
  /* Secondary accent color (cyan for important CTAs) */
  --gameboy-secondary: #00ffff;
  --gameboy-secondary-dark: #0088ff;
  --gameboy-success: #88ff00;
}

/* Global resets */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Press Start 2P', monospace;
  background: var(--gameboy-screen-bg);
  color: var(--gameboy-screen);
  min-height: 100vh;
  overflow-x: hidden;
}

/* Press Start 2P Font */
.press-start {
  font-family: 'Press Start 2P', monospace;
}

/* Utility classes */
.text-center {
  text-align: center;
}

.text-shadow {
  text-shadow: 2px 2px var(--gameboy-border);
}

/* Link styles */
a {
  color: var(--gameboy-screen);
  text-decoration: none;
  transition: all 0.3s;
}

a:hover {
  color: var(--gameboy-highlight);
}

/* Button styles */
button {
  font-family: 'Press Start 2P', monospace;
  cursor: pointer;
  border: 3px solid;
  transition: all 0.1s;
  position: relative;
}

button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

button:active {
  transform: translateY(2px);
  box-shadow: inset 2px 2px 0 0 rgba(0,0,0,0.3) !important;
}

/* Scrollbar customization */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: var(--gameboy-border);
}

::-webkit-scrollbar-thumb {
  background: var(--gameboy-screen);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--gameboy-highlight);
}

/* Firefox scrollbar */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--gameboy-screen) var(--gameboy-border);
}