/* ========================================
   VARIABLES CSS - Design Tokens Centralisés
   ======================================== */

:root {
    /* ===== COULEURS PRINCIPALES ===== */
    /* Rouge sophistiqué - Couleur principale */
    --color-primary: #912f29;
    --color-primary-light: #a8463f;
    --color-primary-dark: #7a251f;
    
    /* Or raffiné - Couleur secondaire */
    /*--color-secondary: #c8a97e;*/
    --color-secondary: #D4AF37;
    --color-secondary-light: #B8860B;
    --color-secondary-dark: #996515;
    
    /* Tons neutres chauds - Couleur tertiaire */
    --color-tertiary: #8d6e63;
    --color-tertiary-light: #a1887f;
    --color-tertiary-dark: #795548;
    
    /* ===== COULEURS DE BASE ===== */
    --color-text: #2c2c2c;
    --color-text-light: #555;
    --color-bg: #ffffff;
    --color-bg-secondary: #fafafa;
    --color-bg-accent: #f5f5f5;
    --color-bg-accent-more: #e3e3e3;

    /* ===== ESPACEMENTS ===== */
    --spacing-xs: 0.25rem;    /* 4px */
    --spacing-sm: 0.5rem;     /* 8px */
    --spacing-md: 1rem;       /* 16px */
    --spacing-lg: 1.5rem;     /* 24px */
    --spacing-xl: 2rem;       /* 32px */
    --spacing-2xl: 3rem;      /* 48px */
    --spacing-3xl: 4rem;      /* 64px */
    
    /* ===== TYPOGRAPHIE ===== */
    --font-family-primary: 'Poppins', sans-serif;
    --font-family-secondary: 'Playfair Display', serif;
    
    --font-size-xs: 0.75rem;   /* 12px */
    --font-size-sm: 0.875rem;  /* 14px */
    --font-size-base: 1rem;    /* 16px */
    --font-size-lg: 1.125rem;  /* 18px */
    --font-size-xl: 1.25rem;   /* 20px */
    --font-size-2xl: 1.5rem;   /* 24px */
    --font-size-3xl: 1.875rem; /* 30px */
    --font-size-4xl: 2.25rem;  /* 36px */
    --font-size-5xl: 2.5rem;  /* 36px */
    --font-size-6xl: 3rem;

    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    
    --line-height-tight: 1.25;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    
    /* ===== OMBRES ===== */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.2);
    
    /* ===== BORDRES ARRONDIES ===== */
    --border-radius: 3px;
    --border-radius-lg: 20px;
    --border-radius-xl: 30px;
    --border-radius-full: 9999px;
    
    /* ===== TRANSITIONS ===== */
    --transition-fast: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);

}