/* ===============================
   EDHITCH CORE UI SYSTEM
   =============================== */

:root{
  --blue:#085eb2;
  --blue-dark:#074c8f;
  --red:#fc0202;
  --ink:#0f172a;
  --muted:#475569;
  --line:#e5e7eb;
  --soft:#f8fafc;
}

/* RESET */
*{box-sizing:border-box}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",
               Inter,Roboto,Arial,sans-serif;
  background:#ffffff;
  color:var(--ink);
  line-height:1.65;
}
a{text-decoration:none;color:inherit}

/* ================= NAV ================= */
.nav{
  position:sticky;
  top:0;
  z-index:3000;
  background:#ffffff;
  border-bottom:1px solid var(--line);
}
.nav-inner{
  max-width:1200px;
  margin:auto;
  padding:16px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.nav-logo img{height:38px}

.nav-links{
  display:flex;
  gap:26px;
  align-items:center;
}
.nav-links a{
  font-size:13px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.nav-links a:hover{color:var(--blue)}

.login-btn{
  background:var(--red);
  color:#ffffff;
  padding:10px 16px;
  border-radius:8px;
  font-weight:700;
}

/* ================= MOBILE MENU ================= */
.menu-toggle{
  display:none;
  font-size:26px;
  background:none;
  border:none;
  cursor:pointer;
  color:var(--ink);
}

.mobile-menu{
  display:none;
  background:#ffffff;
  border-bottom:1px solid var(--line);
  padding:18px 24px;
}
.mobile-menu a{
  display:block;
  padding:14px 0;
  font-size:15px;
  font-weight:600;
  border-bottom:1px solid #f1f5f9;
}
.mobile-menu a:last-child{border-bottom:none}
.mobile-login{
  color:var(--red);
  font-weight:700;
}

.mobile-menu.open{display:block}

@media(max-width:900px){
  .nav-links{display:none}
  .menu-toggle{display:block}
}

/* ================= CTA ================= */
.cta,.btn{
  background:var(--blue);
  color:#ffffff;
  padding:14px 22px;
  border-radius:10px;
  font-weight:700;
}
.cta:hover,.btn:hover{
  background:var(--blue-dark);
}
.menu-toggle{
  display:none;
  font-size:26px;
  background:none;
  border:none;
  cursor:pointer;
}

@media(max-width:900px){
  .menu-toggle{
    display:block;
  }
}

.mobile-menu{
  display:none;
  background:#ffffff;
  border-bottom:1px solid #e5e7eb;
  padding:18px 24px;
}

.mobile-menu a{
  display:block;
  padding:14px 0;
  font-size:15px;
  font-weight:600;
  border-bottom:1px solid #f1f5f9;
}

.mobile-menu a:last-child{
  border-bottom:none;
}

.mobile-login{
  color:#fc0202;
  font-weight:700;
}

.mobile-menu.open{
  display:block;
}
/* ===== FORCE PRIMARY CTA COLOR ===== */
.btn-primary {
  background-color: #085eb2 !important;
  color: #ffffff !important;
  border: none !important;
}

.btn-primary:hover {
  background-color: #074c8f !important;
  color: #ffffff !important;
}