:root{
  /* Unique professional palette (light) */
  --background:#f6f8fb;
  --foreground:#0b1220;
  --card:#ffffff;
  --card-foreground:#0b1220;
  --popover:#ffffff;
  --popover-foreground:#0b1220;

  --primary:#1f3a8a;               /* deep navy */
  --primary-foreground:#ffffff;
  --accent:#0ea5a4;                /* teal */
  --accent-foreground:#052726;

  --secondary:#eef2ff;             /* indigo tint */
  --secondary-foreground:#0b1220;
  --muted:#edf2f7;
  --muted-foreground:#475569;

  --border:#d9e2ef;
  --input:#eef2f7;
  --ring:#0ea5a4;

  --destructive:#b42318;
  --destructive-foreground:#ffffff;

  --radius:.75rem;
}

/* Optional: if you ever toggle dark mode later, keep it consistent */
.dark{
  --background:#070a12;
  --foreground:#eaf0ff;
  --card:#0b1020;
  --card-foreground:#eaf0ff;
  --popover:#0b1020;
  --popover-foreground:#eaf0ff;

  --primary:#93c5fd;               /* soft blue */
  --primary-foreground:#0b1220;
  --accent:#2dd4bf;                /* bright teal */
  --accent-foreground:#062a28;

  --secondary:#111a33;
  --secondary-foreground:#eaf0ff;
  --muted:#101828;
  --muted-foreground:#a3b3d1;

  --border:#223058;
  --input:#111a33;
  --ring:#2dd4bf;

  --destructive:#ef4444;
  --destructive-foreground:#0b1220;
}

/* Subtle polish without changing layout */
header{
  box-shadow:0 10px 30px rgba(15,23,42,.06);
}

/* Slightly more premium button feel (keeps arrangement unchanged) */
[data-slot="button"]{
  border-radius:calc(var(--radius) - .125rem);
}

/* Floating WhatsApp button (bottom-right) */
.sj-whatsapp-fab{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9999;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  background:#16a34a;
  color:#ffffff;
  text-decoration:none;
  border-radius:999px;
  box-shadow:0 14px 40px rgba(2,6,23,.18);
  border:1px solid rgba(255,255,255,.22);
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

.sj-whatsapp-fab svg{
  width:22px;
  height:22px;
  flex:0 0 22px;
}

.sj-whatsapp-fab span{
  font-weight:700;
  letter-spacing:.01em;
  line-height:1;
  white-space:nowrap;
}

.sj-whatsapp-fab:hover{
  transform:translateY(-1px);
  filter:brightness(1.03);
  box-shadow:0 18px 52px rgba(2,6,23,.22);
}

.sj-whatsapp-fab:active{
  transform:translateY(0);
}

.sj-whatsapp-fab:focus-visible{
  outline:3px solid color-mix(in oklab, var(--ring) 60%, transparent);
  outline-offset:3px;
}

