:root {
  --ps2-blue: #0a2a6a;
  --ps2-blue2: #0b3aa0;
  --ps2-cyan: #2fb8ff;
  --ink: #070a12;
  --panel: rgba(8,12,24,0.68);
  --panel2: rgba(8,12,24,0.52);
  --line: rgba(47,184,255,0.22);
  --text: #f4f8ff;
  --muted: #d4dff5;
  --shadow: 0 18px 60px rgba(0,0,0,0.35);
}

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

html { 
  height: 100%; 
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  color: var(--text);
  background-color: #070d1a;
  background-image:
    radial-gradient(circle 1000px at 25% 15%, rgba(47,184,255,0.05), transparent),
    radial-gradient(circle 800px at 75% 5%, rgba(11,58,160,0.08), transparent),
    linear-gradient(180deg, rgba(7,10,18,0.5), rgba(7,10,18,0.7)),
    url("../assets/ps2-backgroundOLD.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  
  /* ===== FONT SYSTEM ===== */
  /* Default: System fonts */
  font: 16px/1.5 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  
  /* ALTERNATIVE FONTS - Uncomment ONE of these to switch fonts: */
  
  /* Option 1: Google Fonts - Orbitron (Futuristic, tech-style) */
  /* font-family: 'Orbitron', system-ui, sans-serif; */
  /* To use: Add this in <head>: <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&display=swap" rel="stylesheet"> */
  
  /* Option 2: Google Fonts - Rajdhani (Modern, gaming-style) */
  /* font-family: 'Rajdhani', system-ui, sans-serif; */
  /* To use: Add this in <head>: <link href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&display=swap" rel="stylesheet"> */
  
  /* Option 3: Google Fonts - Exo 2 (Tech, sci-fi style) */
  /* font-family: 'Exo 2', system-ui, sans-serif; */
  /* To use: Add this in <head>: <link href="https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700;800&display=swap" rel="stylesheet"> */
  
  /* Option 4: Monospace (Developer/retro style) */
  /* font-family: 'Courier New', Courier, monospace; */
  
  /* ===== END FONT SYSTEM ===== */
}

h1, h2, h3 { margin: 0; font-weight: 750; letter-spacing: .3px; }
h1 { font-size: clamp(1.6rem, 3.2vw, 2.2rem); }
h2 { font-size: 1.35rem; }
h3 { font-size: 1.1rem; }

ul, ol { list-style-position: inside; }

code {
  background: rgba(0,0,0,0.35);
  padding: .15rem .4rem;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.06);
  font-size: .92em;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

a { color: inherit; text-decoration: none; }