:root {
  --brand-bg: #0b0d12;
  --brand-surface: #141821;
  --brand-surface-2: #1b212c;
  --brand-border: #2b3442;
  --brand-text: #f4f7fb;
  --brand-muted: #aab4c1;
  --brand-accent: #2f6fed;
  --brand-accent-hover: #255cc8;
  --brand-success: #22a06b;
  --brand-warning: #d98e04;
  --brand-danger: #d84c4c;
  --bg-primary: var(--brand-bg);
  --bg-secondary: var(--brand-surface);
  --bg-tertiary: var(--brand-surface-2);
  --bg-card: var(--brand-surface);
  --bg-card2: var(--brand-surface-2);
  --bg-dark: var(--brand-bg);
  --text-primary: var(--brand-text);
  --text-secondary: var(--brand-muted);
  --text-muted: var(--brand-muted);
  --text-dim: #738094;
  --fg: var(--brand-text);
  --fg-dim: var(--brand-muted);
  --fg-muted: #738094;
  --accent: var(--brand-accent);
  --primary: var(--brand-accent);
  --primary-light: #72a0ff;
  --primary-dark: var(--brand-accent-hover);
  --accent-hover: var(--brand-accent-hover);
  --border: var(--brand-border);
  --border-color: var(--brand-border);
  --radius: 8px;
  --transition: color .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
  --transition-fast: .16s ease;
  --transition-normal: .16s ease;
  --transition-slow: .16s ease;
  --shadow-glow: none;
  --shadow-card: 0 10px 24px rgba(0, 0, 0, .18);
}

html { scroll-behavior: auto; }

body {
  background: var(--brand-bg);
  color: var(--brand-text);
  font-family: Inter, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  letter-spacing: 0;
}

body:not(.stream-overlay) {
  background: linear-gradient(180deg, #0b0d12 0%, #10141c 100%);
}

h1, h2, h3, h4, h5, h6 { letter-spacing: 0; }

.header,
.navbar,
.nav,
.admin-sidebar,
.game-header,
.footer,
.card,
.position-card,
.project-card,
.social-card,
.release-card,
.game-card,
.feature-card,
.stat-card,
.registration-card,
.success-card,
.info,
.waiting-card,
.form-container,
.auth-container,
main {
  border-color: var(--brand-border) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .18) !important;
}

.card,
.position-card,
.project-card,
.social-card,
.release-card,
.game-card,
.feature-card,
.stat-card,
.registration-card,
.success-card,
.info,
.waiting-card,
.form-container,
.auth-container,
.modal-content,
.toast {
  background: var(--brand-surface) !important;
  border-radius: 8px !important;
}

.btn,
button,
.cta-button,
.btn-primary,
.discord-btn,
.submit-btn,
.nav-cta {
  border-radius: 8px !important;
  box-shadow: none !important;
  transition: var(--transition) !important;
}

.btn-primary,
.cta-button,
.submit-btn,
.discord-btn,
.nav-cta {
  background: var(--brand-accent) !important;
  color: #fff !important;
  border-color: var(--brand-accent) !important;
}

.btn-primary:hover,
.cta-button:hover,
.submit-btn:hover,
.discord-btn:hover,
.nav-cta:hover {
  background: var(--brand-accent-hover) !important;
  transform: none !important;
}

a { color: #72a0ff; }
a:hover { color: #a8c4ff; }

.hero,
.hero-gradient,
.positions,
.apply,
.section,
.games-section,
.features-section,
.about-section {
  background: transparent !important;
}

.hero::before,
.hero::after,
.hero-gradient,
.particles,
.particle,
.glow,
.orb {
  display: none !important;
}

.hero-title,
.gradient-text,
.section-title {
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--brand-text) !important;
}

.badge,
.tag,
.role-badge {
  border-radius: 999px !important;
  background: rgba(47, 111, 237, .12) !important;
  border-color: rgba(47, 111, 237, .28) !important;
  color: #a8c4ff !important;
}

input,
textarea,
select {
  background: #0f131b !important;
  color: var(--brand-text) !important;
  border-color: var(--brand-border) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--brand-accent) !important;
  box-shadow: 0 0 0 3px rgba(47, 111, 237, .16) !important;
}

*:not(.spinner):not(.loading-spinner) {
  animation-duration: .01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: .16s !important;
}

*:hover { transform: none !important; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation: none !important;
    scroll-behavior: auto !important;
    transition: none !important;
  }
}