/* ========================================================= */
/* VARIABLES.CSS - CENTRALIZED LUXURY DESIGN TOKENS          */
/* Armonia & Benessere - Portale Clienti 3.0                 */
/* ========================================================= */

:root {
    /* --- Soleille Core Master Palette --- */
    --brand: #c58e69;
    --branddeep: #9e6443;
    --cream: #fbf9f4;
    --sand: #f0ebe1;
    --clay: #d8a885;
    --ink: #2b2420;
    --muted-warm: #7f7369;
    --text-gold: #d4af37;

    /* Palette Alias e Brand Luxury */
    --brand-rosa: #e8a598;
    --brand-rosa-deep: #c58e69;
    --brand-oro-obsidian: #d4af37;
    --primary: var(--branddeep);

    /* --- Brand Design Mappings (Default Light Luxury) --- */
    --bg-page: var(--cream);
    --card-bg: #ffffff;
    --card-inner: var(--sand);
    --card-inner-bg: var(--sand);
    --border-color: rgba(43, 36, 32, 0.12);
    --border-gold: rgba(197, 142, 105, 0.35);

    --text-primary: var(--ink);
    --text-secondary: var(--muted-warm);
    --text-muted: #a69b91;
    --text-main: var(--ink);
    --text-sub: var(--muted-warm);

    --topbar-bg: rgba(251, 249, 244, 0.94);

    /* --- Fonts --- */
    --font-display: 'Fraunces', Georgia, serif;
    --font-sans: 'Manrope', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

    /* --- Layout Measures --- */
    --topbar-height: 72px;
    --bottom-nav-height: 65px;
    --max-content-width: 1200px;
    --radius-card: 20px;
    --radius-pill: 24px;

    /* --- Gradients & Shadows --- */
    --gradient-golden: radial-gradient(90% 120% at 78% 0%, rgba(216, 168, 133, 0.35) 0%, transparent 55%), radial-gradient(70% 90% at 10% 100%, rgba(197, 142, 105, 0.20) 0%, transparent 60%), linear-gradient(160deg, #fbf9f4 0%, #f0ebe1 55%, #e8decb 100%);
    --shadow-lift: 0 30px 60px -30px rgba(43, 36, 32, 0.25);
    --shadow-brand: 0 12px 30px -10px rgba(197, 142, 105, 0.60);
    --product-img-bg: radial-gradient(circle at center, #ffffff 40%, #f4ede2 100%);
}

/* --- Dark Velvet Theme (Velvet Obsidian Integration) --- */
html[data-theme="dark"], body[data-theme="dark"] {
    --cream: #12100e;
    --sand: #1e1b17;
    --clay: #c58e69;
    --ink: #f7f3ee;
    --muted-warm: #a89d91;
    --text-gold: #f59e0b;

    --bg-page: #0d0c0a;
    --card-bg: #181512;
    --card-inner: #221e1a;
    --card-inner-bg: #221e1a;

    --border-color: rgba(247, 243, 238, 0.10);
    --border-gold: rgba(197, 142, 105, 0.45);

    --text-primary: #f7f3ee;
    --text-secondary: #b5aaa0;
    --text-muted: #82776c;
    --text-main: #f7f3ee;
    --text-sub: #b5aaa0;

    --topbar-bg: rgba(18, 16, 14, 0.94);

    --gradient-golden: radial-gradient(90% 120% at 78% 0%, rgba(197, 142, 105, 0.20) 0%, transparent 55%), radial-gradient(70% 90% at 10% 100%, rgba(158, 100, 67, 0.15) 0%, transparent 60%), linear-gradient(160deg, #181512 0%, #1e1b17 55%, #151310 100%);
    --shadow-lift: 0 30px 60px -30px rgba(0, 0, 0, 0.65);
    --product-img-bg: radial-gradient(circle at center, #26211c 40%, #181512 100%);
    --branddeep: #c58e69; /* Upgrade cromatico per contrasto ottimale su sfondo scuro */
    --primary: var(--branddeep);
}