/* Impeccable Design-System Stilwächter Addon */

:root {
  /* High contrast colors for extreme legibility */
  --primary-color: #ff6a00;
  --bg-dark-color: #0b0c10;
  --text-primary-color: #ffffff;
  --text-muted-color: #9ba4b4;
  --success-color: #00e676;
}

/* 1. Typography & Breathing Room */
body {
  font-family: 'Outfit', 'Inter', -apple-system, sans-serif !important;
  background-color: var(--bg-dark-color) !important;
  color: var(--text-primary-color) !important;
  line-height: 1.6 !important;
  -webkit-font-smoothing: antialiased;
}

/* Increase vertical breathing room (Impeccable Rule #12: Spacing) */
section, .glass-card, .app-container {
  padding: 2.5rem !important;
  margin-bottom: 2rem !important;
  border-radius: 16px !important;
}

/* Eliminate nested div visual bloat (Impeccable Rule #4) */
.glass-card {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: rgba(255, 255, 255, 0.03) !important;
  backdrop-filter: blur(16px) !important;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
}

/* 2. Anti-Pattern: Disable generic linear AI gradients (Impeccable Rule #2) */
.bg-glow, .auth-gate-overlay, .btn-primary {
  background-image: none !important;
}

/* Standardize buttons (Impeccable Rule #8: Call to Action) */
.btn-primary {
  background-color: var(--primary-color) !important;
  color: #000000 !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
}

.btn-primary:hover {
  background-color: #ff8533 !important;
  box-shadow: 0 0 15px rgba(255, 106, 0, 0.4) !important;
}

/* 3. Anti-Pattern: Prevent generic AI placeholder fonts (Impeccable Rule #7) */
h1, h2, h3, .logo-title {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}