:root{
  --k2-navy:#071f45;
  --k2-navy-deep:#04162f;
  --k2-teal:#0aa6aa;
  --k2-teal-dark:#078b90;
  --k2-slate:#4d6687;
  --k2-soft:#edf8f8;
  --k2-line:#dce5e8;
}

/* K² SchedulePro shared brand theme */
body{accent-color:var(--k2-teal)}

/* Marketing / authentication / backend */
:root{
  --brand:var(--k2-teal);
  --brand-dark:var(--k2-teal-dark);
  --brand-soft:var(--k2-soft);
}
.site-nav{min-height:78px;height:auto}
.site-nav .logo-square{width:auto!important;height:54px!important;gap:12px;overflow:visible!important;line-height:1!important}
.site-nav .logo-square img{width:58px!important;height:54px!important;object-fit:contain}
.site-nav .logo-square::after{content:"K² SchedulePro";font-size:20px;letter-spacing:-.035em;font-weight:850;color:var(--k2-navy);white-space:nowrap}
.site-nav .k2-full-logo{width:min(360px,46vw)!important;height:62px!important;display:flex;align-items:center}
.site-nav .k2-full-logo img{width:100%!important;height:58px!important;object-fit:contain!important;object-position:left center}
.site-nav .k2-full-logo::after{content:none!important}
.btn.primary{background:var(--k2-teal);border-color:var(--k2-teal)}
.btn.primary:hover{background:var(--k2-teal-dark);border-color:var(--k2-teal-dark)}
.eyebrow{color:var(--k2-teal-dark)}
.timeline{background:linear-gradient(90deg,#f2f4f7 0 20%,#d9f2f2 20% 62%,#f2f4f7 62% 100%)}
.timeline:after{color:var(--k2-navy)}
.cta{background:linear-gradient(135deg,var(--k2-navy-deep),var(--k2-navy));box-shadow:0 22px 55px rgba(7,31,69,.18)}
.auth-card>.logo-square,.backend-top .logo-square,.shift-offer-card .logo-square{overflow:visible!important}
.auth-card>.logo-square img,.backend-top .logo-square img,.shift-offer-card .logo-square img{object-fit:contain}
.auth-card>.k2-auth-full-logo{width:min(380px,92%)!important;height:auto!important;margin:0 auto 14px!important}
.auth-card>.k2-auth-full-logo img{width:100%!important;height:auto!important;display:block}
.auth-card>.k2-login-logo{width:min(255px,76%)!important;height:auto!important;margin:0 auto 16px!important;background:transparent!important;border-radius:0!important}
.auth-card>.k2-login-logo img{width:100%!important;height:auto!important;display:block!important;object-fit:contain!important}
.auth-card h1,.backend h1,.shift-offer-card h1{color:var(--k2-navy)}
.setup-login{color:var(--k2-teal-dark)!important}

/* Main scheduler */
:root{
  --blue:var(--k2-teal);
  --blue-dark:var(--k2-teal-dark);
  --blue-soft:var(--k2-soft);
}
.brand-row{padding-top:0}
.brand-mark-image{background:transparent!important;border-radius:0!important;object-fit:contain!important;width:42px!important;height:42px!important}
.brand-copy strong{color:var(--k2-navy);font-weight:850;letter-spacing:-.035em}
.brand-copy span{color:var(--k2-slate)}
.create-button .plus,.button.text{color:var(--k2-teal-dark)}
.nav-item.active{background:var(--k2-soft);color:var(--k2-navy)}
.nav-item.active .nav-icon{background:#d8f1f1;color:var(--k2-teal-dark)}
.button.primary{background:var(--k2-teal);border-color:var(--k2-teal)}
.button.primary:hover{background:var(--k2-teal-dark);border-color:var(--k2-teal-dark)}
.today-button:focus-visible,.icon-button:focus-visible,.button:focus-visible,.view-switcher button:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:rgba(10,166,170,.24)}
.view-switcher button.active,.filter-chip.active{background:var(--k2-soft);color:var(--k2-navy);border-color:#a9dddd}
.day-head.today .date-circle,.month-cell.today .month-number{background:var(--k2-teal)}
.location-dot{background:var(--k2-teal);box-shadow:0 0 0 4px var(--k2-soft)}

/* Product-first landing polish */
.hero{position:relative}
.hero h1{color:var(--k2-navy)}
.product-card{border-color:var(--k2-line);box-shadow:0 24px 65px rgba(7,31,69,.10)}
.feature{border-color:var(--k2-line)}
.feature h3{color:var(--k2-navy)}
.mock-pill{background:var(--k2-soft);color:var(--k2-teal-dark)}

@media(max-width:500px){
  .site-nav .logo-square::after{font-size:17px}
  .site-nav .logo-square img{width:48px!important;height:46px!important}
  .site-nav .k2-full-logo{width:min(245px,58vw)!important;height:52px!important}
  .site-nav .k2-full-logo img{width:100%!important;height:auto!important}
  .auth-card>.k2-login-logo{width:min(220px,72%)!important}
}