/**
 * DARNEO. couche « maison de luxe » (tokens + overrides globaux).
 * Chargé après darneo-design-system.css pour harmoniser Tailwind + composants.
 */

:root {
    /* Palette (chaude, discrète, premium) */
    --lux-bg: #f5efe6;
    --lux-bg-deep: #eae0d2;
    --lux-bg-elevated: #fdfbf8;
    --lux-ink: #2b2622;
    --lux-ink-muted: #6e6258;
    --lux-espresso: #1f1a17;
    --lux-champagne: #b8966a;
    --lux-champagne-hover: #9d7f56;
    --lux-champagne-soft: rgba(184, 150, 106, 0.22);
    --lux-border: rgba(43, 38, 34, 0.09);
    --lux-shadow-soft: 0 18px 50px rgba(31, 26, 23, 0.08);
    --lux-radius-sm: 0.375rem;
    --lux-radius-md: 0.625rem;
    --lux-radius-lg: 0.875rem;
    /* Aligné sur darneo-design-system.css : Inter unique site-wide */
    --lux-serif: var(--font-display, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
    --lux-sans: var(--font-ui, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
}

html.dark {
    --lux-bg: #141210;
    --lux-bg-deep: #1c1815;
    --lux-bg-elevated: #1f1b17;
    --lux-ink: #f4efe8;
    --lux-ink-muted: rgba(244, 239, 232, 0.65);
    --lux-border: rgba(255, 255, 255, 0.08);
    --lux-shadow-soft: 0 24px 60px rgba(0, 0, 0, 0.35);
}

/* Typographie éditoriale (Inter unique, premium real-estate) */
body {
    font-family: var(--lux-sans);
    color: var(--lux-ink);
    font-weight: 400;
    line-height: 1.7;
}
body .font-display {
    font-family: var(--lux-sans);
    letter-spacing: -0.015em;
}
body h1.font-display {
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.035em;
}
body h2.font-display,
body h3.font-display {
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.018em;
}
body .darneo-section-subtitle {
    color: var(--lux-ink-muted);
    line-height: 1.65;
}

/* Nav premium */
#mainNav.darneo-react-header {
    background-color: rgba(253, 251, 248, 0.92) !important;
    border-bottom: 1px solid var(--lux-border) !important;
    box-shadow: 0 1px 0 rgba(184, 150, 106, 0.12);
}
html.dark #mainNav.darneo-react-header {
    background-color: rgba(20, 18, 16, 0.92) !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
}
#mainNav .nav-desktop-links a:hover {
    color: var(--lux-champagne) !important;
}
#mainNav .darneo-react-nav-devis {
    border-color: rgba(184, 150, 106, 0.55) !important;
    border-radius: var(--lux-radius-md) !important;
    letter-spacing: 0.08em !important;
    font-weight: 600 !important;
    transition: background-color 0.22s ease, border-color 0.22s ease, color 0.22s ease, box-shadow 0.22s ease !important;
}
#mainNav .darneo-react-nav-devis:hover {
    background-color: rgba(184, 150, 106, 0.12) !important;
    border-color: var(--lux-champagne) !important;
    box-shadow: 0 6px 22px rgba(31, 26, 23, 0.1);
}

/* Cartes & icônes */
.darneo-card-feature {
    border-left: none !important;
    border: 1px solid var(--lux-border) !important;
    border-radius: var(--lux-radius-lg) !important;
    box-shadow: var(--lux-shadow-soft) !important;
    background: var(--lux-bg-elevated) !important;
}
.dark .darneo-card-feature {
    background: var(--lux-bg-elevated) !important;
}
.darneo-icon-service {
    background: rgba(31, 26, 23, 0.06) !important;
    color: var(--lux-champagne) !important;
    border: 1px solid var(--lux-champagne-soft) !important;
    border-radius: var(--lux-radius-md) !important;
}
.dark .darneo-icon-service {
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--lux-champagne) !important;
}
.processus-panel {
    background: linear-gradient(
        150deg,
        #C17A5A 0%,
        var(--color-primary) 44%,
        #1c1411 100%
    ) !important;
    border-radius: var(--lux-radius-lg) !important;
    border: 1px solid rgba(255, 236, 214, 0.2) !important;
    box-shadow: 0 22px 50px rgba(34, 22, 18, 0.34);
}
/* Pastilles processus luxe : verre dépoli + champagne (surcharge les utilitaires Tailwind si besoin) */
.processus-step-icon--lux {
    color: var(--lux-champagne) !important;
    border: 2px solid rgba(184, 150, 106, 0.52) !important;
    background: linear-gradient(
        155deg,
        rgba(255, 255, 255, 0.14) 0%,
        rgba(255, 255, 255, 0.04) 100%
    ) !important;
    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
.processus-step-glyph {
    color: var(--lux-champagne) !important;
    font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 24;
    -webkit-font-smoothing: antialiased;
}
.processus-step-icon:not(.processus-step-icon--lux) {
    color: var(--lux-champagne) !important;
    border-color: rgba(184, 150, 106, 0.5) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    box-shadow: none;
}

/* Formulaires. champs plus haut de gamme */
#quote-form input:not([type="checkbox"]),
#quote-form textarea,
#quote-form select {
    border-radius: var(--lux-radius-md) !important;
    border-color: var(--lux-border) !important;
    background-color: var(--lux-bg-elevated) !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
#quote-form input:focus,
#quote-form textarea:focus,
#quote-form select:focus {
    border-color: rgba(184, 150, 106, 0.45) !important;
    box-shadow: 0 0 0 3px rgba(184, 150, 106, 0.15) !important;
    outline: none !important;
}

/* Hero CTA (accueil) */
.hero-cta-primary {
    border-radius: var(--lux-radius-md) !important;
    letter-spacing: 0.03em !important;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.22) !important;
}