/*
==================================================
:root - Variables Globales de la Charte Graphique
==================================================
Ce fichier centralise toutes les variables de design (couleurs, polices, ombres, etc.)
pour garantir une cohérence sur l'ensemble du site.
Modifier une variable ici mettra à jour tous les éléments qui l'utilisent.
*/

:root {
    /* ----------------------------------- */
    /* #region Polices de Caractères       */
    /* ----------------------------------- */
    --font-primary: "Montserrat", sans-serif;
    --font-secondary: "Noto Sans", sans-serif;
    /* Utilisé pour les prix */
    --font-elegant: "Playfair Display", serif;
    /* Police pour les titres spéciaux */


    /* ----------------------------------- */
    /* #region Couleurs de la Marque       */
    /* ----------------------------------- */
    --color-primary: #c8a97e;
    /* Or / Doré principal */
    --color-primary-dark: #8b6b4a;
    /* Marron foncé, variation du primaire */
    --color-primary-light: #f8e3c5;
    /* Or très clair pour les accents */
    --color-accent: #ae7e59;
    /* Marron pour les boutons et accents */


    /* ----------------------------------- */
    /* #region Couleurs Neutres & Texte (Thème Clair) */
    /* ----------------------------------- */
    --color-background-main: #f9f5f0;
    /* Arrière-plan principal (beige très clair) */
    --color-background-card: #ffffff;
    /* Arrière-plan des cartes et modales */
    --color-text-headings: #2a2a2a;
    /* Texte pour les titres principaux */
    --color-text-body: #666666;
    /* Texte pour les paragraphes */
    --color-text-muted: #777777;
    /* Texte plus clair, pour les sous-titres */
    --color-text-inverted: #ffffff;
    /* Texte sur fond sombre (blanc) */
    --color-border: #eeeeee;
    /* Bordures légères */
    --color-border-dashed: #e0d1b9;
    /* Bordure pointillée dorée */


    /* ----------------------------------- */
    /* #region Couleurs (Thème Mariage)     */
    /* ----------------------------------- */
    --color-wedding-bg: #8b6b4a;
    --color-wedding-card-bg: #ffffff;
    /* CORRECTION : Fond de carte blanc */
    --color-wedding-card-border: #e0d1b9;
    --color-wedding-text-primary: #5c4731;
    /* Texte principal marron foncé */
    --color-wedding-text-muted: #7d6a55;


    /* ----------------------------------- */
    /* #region Couleurs d'Action & Statut  */
    /* ----------------------------------- */
    --color-action-primary-bg: var(--color-accent);
    --color-action-primary-text: var(--color-text-inverted);
    --color-danger: #dc3545;
    /* Rouge pour suppression, annulation */
    --color-danger-hover: #c82333;
    /* Rouge au survol */
    --color-success: #28a745;
    /* Vert pour confirmation (non utilisé mais bon à avoir) */


    /* ----------------------------------- */
    /* #region Dégradés & Superpositions  */
    /* ----------------------------------- */
    --gradient-primary: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
    --overlay-hero: rgba(0, 0, 0, 0.6);
    /* Superposition sur la vidéo du header */
    --overlay-card-dark: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.5) 50%, transparent 100%);
    --overlay-promo-card: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.555) 60%, transparent 100%);
    --overlay-service-card: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.1) 50%, transparent 100%);


    /* ----------------------------------- */
    /* #region Ombres (Box Shadows)        */
    /* ----------------------------------- */
    --shadow-color-light: rgba(0, 0, 0, 0.048);
    --shadow-color-medium: rgba(0, 0, 0, 0.08);
    --shadow-color-dark: rgba(0, 0, 0, 0.15);
    --shadow-color-primary-glow: rgba(200, 169, 126, 0.4);
    --shadow-color-danger-glow: rgba(220, 53, 69, 0.4);
    --shadow-dark-card: 0 10px 30px rgba(0, 0, 0, 0.3);

    --shadow-card: 0 6px 15px var(--shadow-color-light);
    --shadow-card-hover: 0 10px 25px var(--shadow-color-medium);
    --shadow-button-hover: 0 8px 20px var(--shadow-color-primary-glow);
    --shadow-button-danger-hover: 0 8px 20px var(--shadow-color-danger-glow);
}