:root {
    /* PRIMARY */
    --primary: #ff8caf;
    --primary-hover: #ff6a95;
    --primary-soft: rgba(255,140,175,0.15);

    /* BACKGROUND */
    --bg-main: #12090c;
    --bg-card: #1a0d11;
    --bg-card-soft: rgba(30,15,20,0.85);

    /* TEXT */
    --text-main: #ffffff;
    --text-secondary: #d6c9cc;
    --text-muted: #9c8f92;

    /* ACCENT */
    --accent-gold: #ffcc70;

    /* STATUS */
    --success: #7CFC9F;

    /* BORDER */
    --border-soft: rgba(255,140,170,0.15);
    --border-strong: rgba(255,140,170,0.3);
}	

/* =========================
   BODY PREMIUM BACKGROUND (FIX REAL)
========================= */
body {
    font-family: 'Inter', sans-serif;
    margin: 0;
    color: var(--text-main);

    background:
        radial-gradient(circle at top left, rgba(214, 85, 125, 0.10), transparent 40%),
        radial-gradient(circle at bottom right, rgba(255, 180, 200, 0.08), transparent 40%),
        #0f0b0b;

    position: relative;
    overflow-x: hidden;

    /* layout */
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* =========================
   IMAGINE FUNDAL (CLARĂ!)
========================= */
body::before {
    content: "";
    position: fixed;
    inset: 0;

    background: url('/images/bg.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;

    opacity: 0.22;

    z-index: 0;
    pointer-events: none;
}

/* =========================
   CONTENT ABOVE BG
========================= */
.container,
.main-header,
.footer-clean,
.hero-wrapper,
.section-title-center,
.products-grid,
.why-us,
.ocazii-grid,
.reviews-grid,
.gallery-grid,
.faq-container,
.cta-premium {
    position: relative;
    z-index: 1;
}

/* =========================
   TYPOGRAPHY
========================= */
h1, h2, h3 {
    font-family: 'Playfair Display', serif;
    letter-spacing: 0.5px;
}