/* PaceLokal — custom overrides on top of Tailwind */

:root {
  --brand-primary: #10b981;
  --brand-secondary: #14b8a6;
  --brand-accent: #22d3ee;
}

html { scroll-behavior: smooth; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif; }

/* Smooth hover lift on cards */
.card-lift { transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.card-lift:hover { transform: translateY(-2px); border-color: rgba(16,185,129,0.4); box-shadow: 0 10px 30px -10px rgba(16,185,129,0.2); }

/* Toast */
.toast {
  position: fixed; bottom: 20px; right: 20px; z-index: 100;
  background: #0f172a; border: 1px solid #1e293b; color: #f8fafc;
  padding: 12px 16px; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,.5);
  font-size: 14px; animation: slide-in .25s ease;
}
.toast.error { border-color: #ef4444; }
.toast.success { border-color: #10b981; }
@keyframes slide-in { from { transform: translateX(20px); opacity: 0; } to { transform: translateX(0); opacity: 1; } }

/* Tighten code in copy */
code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; background: rgba(16,185,129,0.1); padding: 1px 6px; border-radius: 4px; font-size: 0.92em; }