/* apibharat.com — small custom styles layered on top of Tailwind CDN.
   Most styling is done with Tailwind utility classes in the markup;
   this file holds the few things that are cleaner as plain CSS. */

:root {
    --brand: #ea580c;
    --brand-dark: #c2410c;
}

html { scroll-behavior: smooth; }

body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }

/* Active nav link */
nav a.active { color: var(--brand); }

/* Hidden cards during search */
.api-card.is-hidden { display: none; }

/* Copy button "Copied!" feedback */
.copy-btn.copied { background: #16a34a !important; color: #fff !important; }

/* Nicer scrollbars on code blocks */
pre::-webkit-scrollbar { height: 8px; }
pre::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 4px; }

/* Smooth card hover lift */
.api-card { transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; }
.api-card:hover { transform: translateY(-2px); }