/* ELEV8 Fitness Akademie - Black & Gold Brand Theme
   This file overrides the earlier blue prototype palette. */
:root{
  --bg:#050505;
  --panel:#111111;
  --ink:#15110a;
  --text:#fffaf0;
  --muted:#c8b98d;
  --blue:#c9a34e;
  --sky:#f4d37a;
  --gold:#c9a34e;
  --gold-light:#f4d37a;
  --gold-dark:#8a6a25;
  --white:#ffffff;
  --line:#e6dcc2;
  --soft:#fbf7ed;
  --danger:#b20f1d;
}

body{
  background:linear-gradient(180deg,#fbf7ed 0%,#f4ead2 100%);
  color:#15110a;
}

.topbar,
.footer,
.nav.open{
  background:linear-gradient(135deg,#050505 0%,#111111 58%,#221805 100%) !important;
  border-bottom:1px solid rgba(201,163,78,.32);
}

.brand,.nav a,.navForm button{color:#fffaf0 !important}
.logo{
  color:#ffffff;
  text-shadow:0 0 18px rgba(244,211,122,.28);
}
.brand span:last-child{color:#d8c08a}
.nav a:hover,.nav a.active{color:#f4d37a !important}
.navCta,
.primary{
  background:linear-gradient(135deg,#8a6a25 0%,#c9a34e 42%,#f4d37a 100%) !important;
  color:#120d04 !important;
  box-shadow:0 14px 34px rgba(201,163,78,.28);
}

.hero{
  background:
    radial-gradient(circle at 18% 18%,rgba(244,211,122,.20),transparent 28%),
    radial-gradient(circle at 82% 28%,rgba(201,163,78,.18),transparent 30%),
    linear-gradient(135deg,#050505 0%,#111111 55%,#2a1d06 100%) !important;
  color:#fffaf0;
}
.hero h1,.pageHead h1{color:#fffaf0}
.hero p,.pageHead p{color:#d8cda9}
.badge{
  color:#f4d37a !important;
  background:rgba(201,163,78,.14) !important;
  border:1px solid rgba(244,211,122,.28);
}
.heroImage{
  border:1px solid rgba(244,211,122,.28) !important;
  box-shadow:0 34px 80px rgba(0,0,0,.62),0 0 0 1px rgba(201,163,78,.12) !important;
}
.floatingMetric{
  background:rgba(5,5,5,.82) !important;
  color:#fffaf0 !important;
  border:1px solid rgba(244,211,122,.35) !important;
  box-shadow:0 20px 55px rgba(0,0,0,.38);
}
.floatingMetric strong{color:#f4d37a}

.card,.module,.sidePanel,.courseCard,.authCard,.formCard,.lessonNav,.lessonContent,.materialCard,.tableWrap,.submissionCard,.legal,.partnerCard{
  background:#fffdf8 !important;
  border-color:#e3d3aa !important;
  box-shadow:0 18px 50px rgba(34,24,5,.10) !important;
}
.card:hover,.module:hover,.courseCard:hover,.partnerCard:hover{
  border-color:#c9a34e !important;
  box-shadow:0 24px 70px rgba(138,106,37,.18) !important;
}
.iconBubble,.timeline span,.rolePill{
  background:linear-gradient(135deg,#111111,#2a1d06) !important;
  color:#f4d37a !important;
  border:1px solid rgba(201,163,78,.36);
}
.timeline .done span{
  background:linear-gradient(135deg,#8a6a25,#f4d37a) !important;
  color:#111111 !important;
}
.progress i{
  background:linear-gradient(90deg,#8a6a25,#c9a34e,#f4d37a) !important;
}
.type,a{color:#8a6a25}

.payBox,.resultPill,.submissionStatus,.demoBox,.learningBox{
  background:#fff8e6 !important;
  border-color:#ead7a7 !important;
}
.coupon button,.inlineForm button,.gradeForm button,.completeForm button,button.primary{
  background:linear-gradient(135deg,#111111,#2a1d06) !important;
  color:#f4d37a !important;
  border:1px solid rgba(201,163,78,.45) !important;
}
input:focus,select:focus,textarea:focus{
  outline:2px solid rgba(201,163,78,.45) !important;
  border-color:#c9a34e !important;
}

.authWrap{
  background:
    radial-gradient(circle at 20% 10%,rgba(244,211,122,.16),transparent 30%),
    linear-gradient(135deg,#fbf7ed,#efe0bd) !important;
}
.pageHead{
  background:linear-gradient(135deg,#111111,#2a1d06) !important;
  color:#fffaf0;
}
.pageHead .btn.ghost{color:#f4d37a;border-color:#c9a34e}

th{background:#f4ead2 !important;color:#5b4314 !important}
.flash.success{background:#fff8e6 !important;color:#5b4314 !important;border-color:#d8bd71 !important}

::selection{background:#c9a34e;color:#111111}