/* ============================================================
   AtelierCox — Design Tokens
   ============================================================ */
:root {
  /* --- Couleurs --- */
  --ac-green:        #6B9113;
  --ac-green-dark:   #517009;
  --ac-green-light:  #f0f5e6;
  --ac-brown-dark:   #2D2518;
  --ac-brown-medium: #3D3325;
  --ac-expert-bg:    #4A3C2A;

  --ac-text:         #333333;
  --ac-text-light:   #666666;
  --ac-text-muted:   #999999;

  --ac-border:       #E0E0E0;
  --ac-border-light: #F0F0F0;
  --ac-bg-grey:      #F7F7F7;
  --ac-white:        #FFFFFF;

  --ac-sale-badge:   #6B9113;
  --ac-price:        #6B9113;

  /* --- Typographie --- */
  --ac-font-body:    'Inter', 'Helvetica Neue', Arial, sans-serif;
  --ac-font-title:   'Playfair Display', Georgia, serif;

  --ac-fs-xs:    11px;
  --ac-fs-sm:    13px;
  --ac-fs-base:  15px;
  --ac-fs-md:    17px;
  --ac-fs-lg:    22px;
  --ac-fs-xl:    28px;
  --ac-fs-2xl:   36px;

  --ac-fw-normal: 400;
  --ac-fw-medium: 500;
  --ac-fw-semi:   600;
  --ac-fw-bold:   700;

  /* --- Espacements --- */
  --ac-space-xs:  4px;
  --ac-space-sm:  8px;
  --ac-space-md:  16px;
  --ac-space-lg:  24px;
  --ac-space-xl:  40px;
  --ac-space-2xl: 64px;

  /* --- Layout --- */
  --ac-container: 1200px;
  --ac-radius-sm: 4px;
  --ac-radius-md: 8px;
  --ac-radius-lg: 12px;

  /* --- Ombres --- */
  --ac-shadow-sm: 0 1px 4px rgba(0,0,0,0.08);
  --ac-shadow-md: 0 4px 16px rgba(0,0,0,0.10);

  /* --- Transitions --- */
  --ac-transition: 0.2s ease;
}