@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;1,400&family=Playfair+Display:ital,wght@0,500;0,700;1,500&display=swap');

:root {
    --vintage-rose: #D9A0A0;
    --vintage-ivory: #FDFBF7;
    --vintage-gold: #C5A059;
    --text-dark: #3E3636;
    --bg-light: #FAF8F5;
}

body {
    font-family: 'Lora', serif;
    background-color: var(--vintage-ivory);
    color: var(--text-dark);
}

h1, h2, h3, h4, h5, .navbar-brand {
    font-family: 'Playfair Display', serif;
    color: var(--vintage-gold);
    font-weight: 600;
}

.navbar { background-color: rgba(253, 251, 247, 0.95); border-bottom: 1px solid rgba(197, 160, 89, 0.2); }
.navbar-brand { font-size: 1.6rem; font-style: italic; }
.nav-link { font-weight: 500; transition: color 0.3s; }
.nav-link:hover { color: var(--vintage-rose) !important; }

.btn-primary { background-color: var(--vintage-rose); border-color: var(--vintage-rose); color: white; border-radius: 30px; padding: 10px 28px; }
.btn-primary:hover { background-color: var(--vintage-gold); border-color: var(--vintage-gold); }
.btn-outline-gold { border: 1px solid var(--vintage-gold); color: var(--vintage-gold); border-radius: 30px; padding: 10px 28px; background: transparent; }
.btn-outline-gold:hover { background-color: var(--vintage-gold); color: white; }

.card { border: none; background-color: var(--bg-light); border-radius: 12px; overflow: hidden; transition: transform 0.4s ease; }
.card:hover { transform: translateY(-8px); }
.card-img-container { position: relative; overflow: hidden; padding-top: 100%; background-color: #eee; }
.card-img-container img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.product-price { color: var(--vintage-rose); font-size: 1.25rem; font-weight: 600; }

.admin-sidebar { background-color: var(--text-dark); color: white; min-height: 100vh; padding: 20px; }
.admin-sidebar a { color: rgba(255,255,255,0.7); text-decoration: none; display: block; padding: 12px; border-radius: 6px; }
.admin-sidebar a:hover, .admin-sidebar a.active { color: white; background-color: var(--vintage-rose); }