:root {
  --bg-primary: #ffffff;
  --bg-secondary: #f0f8ff;
  --bg-room: #daeeff;
  --bg-floor: #c2e0ff;
  --text-primary: #0a1a2e;
  --text-secondary: #2a5280;
  --accent: #0080ff;
  --accent-2: #00b4d8;
  --accent-3: #0055cc;
  --accent-rgb: 0,128,255;
  --gold: #ffd700;
  --gold-dark: #e6a800;
  --coin: #ffcc00;
  --green-growth: #00e676;
  --sky-top: #56b4e9;
  --sky-bottom: #a8d8f8;
  --cloud: #fff;
  --window-frame: #8b6914;
  --wall: #daeeff;
  --floor-tile-1: #bbd7f5;
  --floor-tile-2: #a8c9ee;
  --desk-color: #8b6914;
  --desk-top: #a07820;
  --shelf-color: #7a5c10;
  --screen-glow: #0080ff;
  --neon-blue: #00b4d8;
  --neon-pink: #0055cc;
  --char-skin: #f5c5a3;
  --char-hair-day: #3d2b1f;
  --char-shirt-day: #ffffff;
  --char-pants-day: #0060dd;
  --char-shoes: #2c2c2c;
  --char-glasses: #222;
  --shadow: rgba(0,0,0,0.12);
  --card-bg: rgba(255,255,255,0.9);
  --card-border: rgba(0,128,255,0.2);
  --nav-bg: rgba(255,255,255,0.92);
  --transition: 0.5s cubic-bezier(0.4,0,0.2,1);
}

[data-theme="dark"] {
  --bg-primary: #080808;
  --bg-secondary: #101010;
  --bg-room: #0c0b06;
  --bg-floor: #100e05;
  --text-primary: #f5ead8;
  --text-secondary: #c8a84b;
  --accent: #ffd700;
  --accent-2: #f0c840;
  --accent-3: #e8a800;
  --accent-rgb: 255,215,0;
  --sky-top: #060604;
  --sky-bottom: #0f0c00;
  --cloud: rgba(255,215,0,0.04);
  --wall: #0c0a04;
  --floor-tile-1: #111008;
  --floor-tile-2: #0e0c06;
  --desk-color: #2a1f05;
  --desk-top: #3a2a08;
  --shelf-color: #1a1205;
  --screen-glow: #ffd700;
  --neon-blue: #ffd700;
  --neon-pink: #e8a800;
  --char-hair-day: #1a1205;
  --char-shirt-day: #1a1205;
  --char-pants-day: #0d0c04;
  --card-bg: rgba(20,18,6,0.95);
  --card-border: rgba(255,215,0,0.25);
  --nav-bg: rgba(8,8,4,0.95);
  --shadow: rgba(0,0,0,0.6);
}

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  background: var(--bg-primary);
  color: var(--text-primary);
  transition: background var(--transition), color var(--transition);
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: var(--bg-secondary);
}
::-webkit-scrollbar-thumb {
  background: var(--accent);
  border-radius: 3px;
}