/* ==========================================================================
   CHARTE GRAPHIQUE & SYSTÈME DE DESIGN - MIAM
   ========================================================================== */

:root {
  /* --- COULEURS --- */
  
  /* Palette Principale (Selon Charte Graphique MIAM) */
  --color-dark: #2e2f33;          /* Anthracite de la charte */
  --color-dark-rgb: 46, 47, 51;
  --color-light: #ffffff;         /* Blanc */
  --color-bg-light: #fafaf9;      /* Blanc crème neutre */
  --color-grey-light: #f5f5f4;    /* Gris clair neutre */
  --color-grey-medium: #e4e4e7;   /* Gris moyen zinc pour les bordures */
  --color-grey-text: #71717a;     /* Gris zinc pour les textes */
  
  /* Couleurs d'Accentuation */
  --color-accent: #a2d088;        /* Vert signature de la charte */
  --color-accent-rgb: 162, 208, 136;
  --color-accent-hover: #8fbf74;  /* Vert signature survol */
  --color-accent-green: #a2d088;  /* Vert signature de la charte */
  --color-accent-green-rgb: 162, 208, 136;
  --color-accent-blue: #0076a8;   /* Bleu pour la ligne d'accent boutique */

  /* --- TYPOGRAPHIE (Montserrat demandé par la charte) --- */
  --font-title: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-body: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  
  /* Tailles de Polices */
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-md: 1.125rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.5rem;
  --font-size-xxl: 2rem;
  --font-size-hero: 3rem;
  --font-size-hero-mobile: 2.25rem;

  /* Graisses de Polices */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* --- HAUTEURS ET BORDURES --- */
  --header-height: 80px;
  --border-radius-sm: 8px;
  --border-radius-md: 16px;
  --border-radius-lg: 24px;
  --border-radius-full: 9999px;
  
  /* --- EFFETS --- */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.12);
  --transition-fast: all 0.2s ease-in-out;
  --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);

  /* --- DISPOSITION --- */
  --max-width: 1200px;
}