:root {
  --pink: #E8336D;
  --pink-deep: #C4285A;
  --navy: #061424;
  --ink: #0f172a;
  --sub: #64748b;
  --border: #e2e8f0;
  --surface: #f8fafc;
  --card: #fff;
  --muted: #64748b;
  --chip-bg: #f1f5f9;
  --shadow-card: 0 1px 4px rgba(0,0,0,.05), 0 10px 36px rgba(0,0,0,.06);
  --shadow-card-hover: 0 4px 16px rgba(0,0,0,.09), 0 16px 48px rgba(0,0,0,.08);
}

html { scroll-behavior: smooth; }

body {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  color: var(--ink);
  background: #fff;
}

input, textarea, select {
  transition: border-color .15s, box-shadow .15s;
}
input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--pink) !important;
  box-shadow: 0 0 0 3px rgba(232,51,109,.12);
}

.card-hover { transition: transform .2s, box-shadow .2s; }
.card-hover:hover { transform: translateY(-3px); box-shadow: var(--shadow-card-hover); }