/* =========================================================
   TARA FASHION — MASTER THEME (EDIT ONLY THIS TO RE-SKIN)
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
    
    
    
    /* BRAND COLORS — Pastel Pink */
    --color-primary:        #f48fb1;
    --color-primary-soft:   #fde4ec;
    --color-primary-strong: #ec407a;

    --color-bg:             #fff1f6;
    --color-bg-soft:        rgba(255, 255, 255, 0.65);

    --color-text-main:      #2b2b2b;
    --color-text-soft:      #555555;
    --color-text-muted:     #7a7a7a;
    --color-text-white:     #ffffff;

    --color-border:         rgba(236, 64, 122, 0.18);

    /* TYPOGRAPHY */
    --font-heading: 'Playfair Display', serif;
    --font-body: 'Poppins', sans-serif;

    /* LAYOUT */
    --container-width: 1200px;
    --section-padding: 70px;

    /* UI — softer, modern */
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 22px;
    --radius-pill: 999px;
    
    /* GLASS SYSTEM */
    --glass-bg: rgba(255, 255, 255, 0.28);
    --glass-bg-strong: rgba(255, 255, 255, 0.45);
    --glass-border: rgba(255, 255, 255, 0.35);
    --glass-blur: blur(18px);

    /* DEPTH */
    --shadow-glass: 0 20px 50px rgba(236, 64, 122, 0.35);
    --shadow-soft: 0 12px 30px rgba(236, 64, 122, 0.18);


    /* GLASS / SHADOW */
    --shadow-soft:   0 12px 30px rgba(236, 64, 122, 0.12);
    --shadow-medium: 0 22px 50px rgba(236, 64, 122, 0.18);

    --transition-fast: 0.18s ease;
    --transition-normal: 0.28s ease;

    --z-header: 100;
}

body {
    background: radial-gradient(
        circle at top left,
        #ff9fc7,
        #ff7ab3,
        #f06292,
        #ec407a
    );
}

.card,
.product-card {
    background: var(--glass-bg);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--glass-border);
    box-shadow: var(--shadow-glass);
}

.btn-primary {
    background: linear-gradient(
        135deg,
        #ff9fc7,
        #f06292
    );
    box-shadow: 0 10px 25px rgba(240, 98, 146, 0.45);
}