:root {
  --fp-amber: #f59e0b;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
}

img {
  max-width: 100%;
}

input[type="file"]::file-selector-button {
  border: 0;
  border-radius: 999px;
  background: #0f172a;
  color: #fff;
  padding: .65rem 1rem;
  margin-right: .85rem;
  font-weight: 700;
  cursor: pointer;
}

.fp-body::selection,
.fp-public-profile::selection {
  background: #facc15;
  color: #0f172a;
}

.fp-card-hover {
  transition: transform .2s ease, box-shadow .2s ease;
}

.fp-card-hover:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 50px rgba(15, 23, 42, .08);
}