/* Demo Clinic - tokens + utilities for elements Tailwind doesn't cover */
:root{
  --background:oklch(1 0 0);
  --foreground:oklch(0.24 0.03 256);
  --card:oklch(1 0 0);
  --muted:oklch(0.97 0.01 250);
  --muted-foreground:oklch(0.50 0.02 256);
  --primary:oklch(0.55 0.21 258);
  --primary-foreground:oklch(0.99 0.005 250);
  --primary-soft:oklch(0.95 0.03 250);
  --accent:oklch(0.74 0.13 184);
  --accent-foreground:oklch(0.18 0.04 200);
  --border:oklch(0.92 0.015 250);
  --destructive:oklch(0.58 0.24 27);
  --whatsapp:oklch(0.72 0.18 152);
  --whatsapp-foreground:oklch(0.99 0.005 150);
}
html{scroll-behavior:smooth}
body{font-family:'Inter',ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif;letter-spacing:-0.02em}
.font-display{font-family:'Poppins',ui-sans-serif,system-ui,sans-serif}
.gradient-hero{background-image:linear-gradient(135deg,oklch(0.55 0.21 258) 0%,oklch(0.62 0.18 220) 50%,oklch(0.74 0.13 184) 100%)}
.gradient-soft{background-image:linear-gradient(180deg,oklch(0.99 0.005 250) 0%,oklch(0.95 0.03 250) 100%)}
.shadow-soft{box-shadow:0 4px 20px -4px oklch(0.55 0.21 258 / 0.12)}
.shadow-lift{box-shadow:0 18px 40px -16px oklch(0.55 0.21 258 / 0.25)}
.input{width:100%;border-radius:0.75rem;border:1px solid var(--border);background:var(--background);padding:0.75rem 1rem;font-size:0.9rem;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit;color:inherit}
.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 20%,transparent)}
[data-lucide]{stroke-width:2}
.wa-fab{position:fixed;bottom:1.25rem;right:1.25rem;z-index:50;display:grid;place-items:center;height:3.5rem;width:3.5rem;border-radius:9999px;background:var(--whatsapp);color:var(--whatsapp-foreground);box-shadow:0 18px 40px -16px oklch(0.55 0.21 258 / 0.35);transition:transform .15s}
.wa-fab:hover{transform:scale(1.05)}
.wa-fab .ping{position:absolute;inset:0;display:inline-flex;height:100%;width:100%;border-radius:9999px;background:var(--whatsapp);opacity:.4;animation:wa-ping 1.6s cubic-bezier(0,0,.2,1) infinite}
@keyframes wa-ping{75%,100%{transform:scale(1.8);opacity:0}}