/* Fonts and Palette */
:root {
  --white: #FFFFFF;
  --pink-50: #FFE5E9; /* soft background */
  --pink-100: #FFD3CF; /* subtle accents */
  --pink-200: #FFBBCD; /* borders / hovers */
  --pink-400: #FAA0C2; /* primary hover */
  --pink-500: #FA9CA5; /* primary */

  --brand: var(--pink-500);
  --brand-600: var(--pink-400);
}

body { font-family: "Lora", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; }
.font-heading { font-family: "Caprasimo", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif; }

/* Simple UI helpers (works alongside Tailwind) */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; font-weight: 600; border-radius: .6rem; padding: .65rem 1rem; border: 1px solid transparent; }
.btn-primary { background: var(--brand); color: #fff; }
.btn-primary:hover { background: var(--brand-600); }
.btn-secondary { background: var(--white); color: var(--brand); border-color: var(--pink-200); border-style: solid; }
.btn-secondary:hover { background: var(--pink-50); }

.text-brand { color: var(--brand); }
.text-brand:hover { color: var(--brand-600); }

.nav-link { color: #334155; }
.nav-link:hover { color: #0f172a; }

.card { overflow: hidden; border: 1px solid var(--pink-100); background: #fff; border-radius: .75rem; box-shadow: 0 1px 2px rgba(0,0,0,.03); }
.card-image { width: 100%; aspect-ratio: 4/3; object-fit: cover; background: linear-gradient(180deg,var(--pink-50),#fff); }

.label { display:block; font-size:.9rem; color:#475569; margin-bottom:.35rem; }
.input { width:100%; border:1px solid #e2e8f0; border-radius:.6rem; padding:.65rem .8rem; outline: none; }
.input:focus { border-color: var(--pink-200); box-shadow: 0 0 0 3px rgba(250,156,165,.35); }

.quote { border:1px solid var(--pink-100); background:#fff; padding:1rem; border-radius:.75rem; }
.quote blockquote { color:#0f172a; }
.quote figcaption { margin-top:.5rem; color:#64748b; }