/* Brand fonts */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=Inter:wght@400;600;700&display=swap');

:root {
  --brand-font-serif: 'Cormorant Garamond', ui-serif, Georgia, 'Times New Roman', serif;
  --brand-font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  /* Palette from logo */
  --brand-primary: #401A6E; /* mov închis */
  --brand-accent: #AC90C6;  /* lila */
  --brand-gold:   #F9AE2E;  /* auriu cald */
  --brand-text:   #1F2937;  /* gray-800 */
  --brand-muted:  #6B7280;  /* gray-500 */
  --brand-border: #E5E7EB;  /* gray-200 */
}

/* Apply brand typography */
body { font-family: var(--brand-font-sans); }
h1, h2, h3, .brand-heading { font-family: var(--brand-font-serif); font-weight: 700; letter-spacing: .01em; }

/* Header brand text fallback (when text logo is shown) */
header .text-gray-900.font-semibold.text-lg.tracking-wide { font-family: var(--brand-font-serif); font-weight: 700; letter-spacing: .015em; }

/* Lazy styles for content-visibility on mobile card grids */
@media (max-width: 640px) {
  .cv-auto { content-visibility: auto; contain-intrinsic-size: 600px 800px; }
}
/* Extras */
.shadow-soft{box-shadow:0 10px 25px rgba(0,0,0,.15)}

/* Product card refinements */
.card {
  border: 1px solid var(--brand-border);
  border-radius: 1rem;
  background: #fff;
  transition: box-shadow .2s ease, transform .2s ease;
}
.card:hover { box-shadow: 0 10px 24px rgba(0,0,0,.08); transform: translateY(-2px); }

.price-badge {
  display: inline-flex; align-items: center; gap: .25rem;
  color: var(--brand-primary);
  background: #faf5ff; /* light lavender */
  border: 1px solid #ede9fe;
  padding: .25rem .6rem; border-radius: 9999px;
}

/* Filter chips */
.chip { border: 1px solid var(--brand-border); border-radius: 9999px; background:#fff; }
.chip[aria-pressed="true"], .chip.active { background: #f3f4f6; border-color: #d1d5db; }

/* Buttons */
.btn-primary { background: var(--brand-primary); color:#fff; border-radius: 1rem; }
.btn-primary:hover { filter: brightness(1.05); transform: translateY(-1px); }
.btn-outline { border:1px solid var(--brand-border); border-radius: 1rem; }
.btn-outline:hover { background:#f9fafb; }

/* Header buttons accents */
.btn-gray { border:1px solid var(--brand-border); color: var(--brand-text); background:#fff; }
.btn-gray:hover { background:#f9fafb; }
.btn-lilac { background: var(--brand-accent); color:#1f2937; border-radius: 1rem; }
.btn-lilac:hover { filter: brightness(1.05); }
.btn-gold { background: var(--brand-gold); color:#1f2937; border-radius: 1rem; }
.btn-gold:hover { filter: brightness(1.05); }

/* Category chips under search */
.category-chip { border:1px solid var(--brand-border); border-radius:9999px; padding:.375rem .75rem; display:inline-flex; align-items:center; gap:.5rem; font-size:.875rem; }
.chip-lilac { background:#F6F5FF; border-color:#EDE9FE; color:#1F2937; }
.chip-lilac:hover { filter: brightness(1.02); }
.chip-gold { background:#FFF7E6; border-color:#FDE68A; color:#1F2937; }
.chip-gold:hover { filter: brightness(1.02); }
.chip-primary { background:#F3F0F8; border-color:#E5E7EB; color: var(--brand-primary); }
.chip-primary:hover { filter: brightness(1.02); }
.chip-neutral { background:#FFFFFF; border-color: var(--brand-border); color:#374151; }
.chip-neutral:hover { background:#F9FAFB; }