:root {
  --bg-primary: #0b0f14;
  --bg-secondary: #121821;
  --bg-card: #181f2a;
  --bg-input: #10151c;

  --text-primary: #f1f5f9;
  --text-secondary: #a1a8b3;
  --text-muted: #6b7280;

  /* Основной акцент — ОРАНЖЕВЫЙ (CTA) */
  --accent: #f6a206;
  --accent-hover: #d48a04;
  --accent-glow: rgba(246, 162, 6, 0.3);

  /* Вторичный — СИНИЙ */
  --success: #3b82f6;
  --success-hover: #2563eb;
  --success-glow: rgba(59, 130, 246, 0.25);

  --warning: #f6a206;

  --error: #ef4444;
  --error-bg: rgba(239, 68, 68, 0.12);

  --border: #232a36;
  --border-focus: #f6a206;

  --radius: 6px;
  --radius-sm: 4px;

  --shadow: 0 2px 4px rgba(0, 0, 0, 0.6),
             0 1px 2px rgba(0, 0, 0, 0.4);

  --shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.7),
               0 10px 15px rgba(0, 0, 0, 0.5);

  --transition: all 0.18s ease;
  
  --theme-header-bg: rgb(170 255 54 / 50%);
  --theme-header-text: #020617;
  --theme-header-border: rgba(0, 0, 0, 0.2);
}


header {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    background: transparent;
    border: none;
}

header::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    right: -100%;
    height: 100%;
    background: var(--theme-header-bg);
    z-index: -1;

}

header a.logo {
    background: #f6a206ee;
    position: relative;
    margin: -16px 0px -35px 0px;
    padding: 0px 25px;
    height: 73px;
}

@media (min-width: 641px) {
    header {
        padding: 5px 2rem;
    }
}