/* Realm Global Theme Engine */
:root {
  color-scheme: dark light;

  /* Default Dark Theme (Cyberpunk Dark) */
  --bg-primary: #050816;
  --bg-secondary: #0c1027;
  --bg-card: rgba(18, 24, 53, 0.7);
  --text-primary: #ffffff;
  --text-secondary: #a0aec0;
  --accent-cyan: #00f2fe;
  --accent-purple: #4facfe;
  --accent-neon: #7928ca;
  --border-color: rgba(255, 255, 255, 0.1);
  --glass-bg: rgba(12, 16, 39, 0.6);
  --glass-border: rgba(0, 242, 254, 0.2);
}

/* Explicit Light Mode Override */
[data-theme="light"] {
  color-scheme: light;
  --bg-primary: #f8fafc;
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --text-primary: #0f172a;
  --text-secondary: #475569;
  --accent-cyan: #0284c7;
  --accent-purple: #9333ea;
  --accent-neon: #7e22ce;
  --border-color: #e2e8f0;
  --glass-bg: rgba(255, 255, 255, 0.8);
  --glass-border: rgba(2, 132, 199, 0.2);
}

/* System Preference (Auto Theme Mode) */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --bg-primary: #f8fafc;
    --bg-secondary: #ffffff;
    --bg-card: #ffffff;
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --accent-cyan: #0284c7;
    --accent-purple: #9333ea;
    --accent-neon: #7e22ce;
    --border-color: #e2e8f0;
    --glass-bg: rgba(255, 255, 255, 0.8);
    --glass-border: rgba(2, 132, 199, 0.2);
  }
}

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

body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  min-height: 100vh;
  overflow-x: hidden;
  transition: background-color 0.3s ease, color 0.3s ease;
}