/* ============================================================
   Brayen brand override — egységesíti a régi "ATLAS Perszóna"
   (lila/kozmikus) témát a Brayen smaragd-arculatra.
   A styles.css UTÁN töltődik, ezért felülírja azt.
   Csak szín/arculat — layout és JS érintetlen.
   ============================================================ */
:root{
  --bg-main:#070d0b;
  --bg-card:rgba(255,255,255,.038);
  --bg-card-hover:rgba(255,255,255,.07);
  --border-color:rgba(47,227,168,.16);
  --border-color-glow:rgba(47,227,168,.42);
  --accent-purple:#2fe3a8;   /* lila  → smaragd (primer) */
  --accent-magenta:#26cf9c;  /* magenta → smaragd */
  --accent-orange:#16b98a;   /* narancs → smaragd (gomb-gradiens vége) */
  --accent-cyan:#57d6ff;     /* teal accent marad */
  --accent-gold:#e9c46a;     /* arany accent marad */
  --accent-green:#2fe3a8;
}

/* melegebb Brayen háttér-wash */
body{
  background:
    radial-gradient(60% 45% at 80% 0%, rgba(47,227,168,.10), transparent 60%),
    radial-gradient(50% 40% at 10% 100%, rgba(87,214,255,.06), transparent 60%),
    linear-gradient(180deg,#08130f,#070d0b) !important;
  background-attachment:fixed !important;
}

/* nebulák → smaragd/teal */
.bg-nebula{background:radial-gradient(circle, rgba(47,227,168,.06) 0%, rgba(20,160,120,.02) 40%, transparent 70%) !important;}
.bg-nebula-cyan{background:radial-gradient(circle, rgba(87,214,255,.05) 0%, rgba(59,130,246,.02) 50%, transparent 75%) !important;}
.bg-nebula-magma{background:radial-gradient(circle, rgba(47,227,168,.03) 0%, transparent 70%) !important;}
.bg-grid{opacity:.5 !important;}

/* primer gomb: végig smaragd */
.btn-primary{background:linear-gradient(135deg,#2fe3a8 0%,#1fc194 55%,#0e8f6a 100%) !important; color:#04140e !important; border:none !important;}
.btn-primary:hover{filter:brightness(1.06);}

/* fejléc + logó + kiemelt accentek */
#main-header{border-bottom:1px solid rgba(47,227,168,.12) !important;}
.logo span{letter-spacing:.28em !important;}
.highlight,.section-subtitle,.badge-glow,.hero-tag .badge{color:#2fe3a8 !important;}
.badge, .badge-glow{border-color:rgba(47,227,168,.35) !important;}
a:hover{color:#2fe3a8;}

/* input/fókusz accent */
.glass-input:focus, input:focus, textarea:focus{
  border-color:rgba(47,227,168,.5) !important;
  box-shadow:0 0 0 3px rgba(47,227,168,.12) !important;
}