/* ATEK brand overlay for cal.diy booking pages — meet.atek.io
   COBALT #5A1DEF · MIDNIGHT #1C143D · LIGHT #F8F6FF · Work Sans + Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Work+Sans:wght@300;400;500;600&display=swap');

:root, html, html[data-theme='light'], html[data-theme='dark'] {
  --cal-brand: #5A1DEF !important;
  --cal-brand-emphasis: #1C143D !important;
  --cal-brand-text: #FFFFFF !important;
  --cal-brand-accent: #F8F6FF !important;
}

/* ---- ATEK banner (logo on cobalt→midnight), pushes content down, no overlap ---- */
body::before {
  content: "";
  display: block;
  width: 100%;
  height: 62px;
  background:
    url('/brand/atek-logo-white.png') no-repeat 28px center,
    linear-gradient(90deg, #5A1DEF 0%, #1C143D 100%);
  background-size: auto 30px, cover;
  box-shadow: 0 2px 10px rgba(28,20,61,0.20);
  position: relative;
  z-index: 50;
}

/* ATEK typography */
html, body, button, input, select, textarea, [class*="font-sans"], .font-sans {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
h1, h2, h3, h4, .font-cal,
[class*="text-3xl"], [class*="text-2xl"], [class*="text-xl"], [class*="text-lg"] {
  font-family: 'Work Sans', 'Poppins', sans-serif !important;
  font-weight: 500 !important; letter-spacing: -0.015em !important;
}
h1, h2, h3 { color: #1C143D; }
html[data-theme='dark'] h1, .dark h1, .dark h2, .dark h3 { color: #F8F6FF !important; }
a:not([class*="bg-"]) { color: #5A1DEF; }