/* Variables CSS - Entreprise Defosse Elagage
   Skin: PAY-13 Emeraude sombre (Architecture Cuivre + accent vert foret)
   Polices: Archivo (display) + Montserrat (body + ui) */

:root {
  /* Palette */
  --bg:        #EDF1ED;
  --bg-alt:    #E1E8E2;
  --surface:   #DDE5DE;
  --surface-2: #C9D4CB;

  --text:      #1E2E29;
  --text-2:    #4A5752;
  --text-mute: #707B76;

  --border:        rgba(30, 46, 41, 0.14);
  --border-strong: rgba(30, 46, 41, 0.34);

  --accent:    #1F5B4E;
  --accent-2:  #2D7A6A;
  --accent-soft: rgba(31, 91, 78, 0.12);
  --accent-dark: #133D33;

  --primary:   #1E2E29;

  --wa-green:  #25D366;
  --wa-green-dark: #1FB055;

  --open-green: #2EA56E;
  --closed-red: #B4413A;

  /* Polices */
  --ff-display: 'Archivo', 'Helvetica Neue', system-ui, sans-serif;
  --ff-body:    'Montserrat', system-ui, -apple-system, sans-serif;
  --ff-ui:      'Montserrat', system-ui, -apple-system, sans-serif;

  /* Rayons */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 14px;
  --r-xl: 22px;

  /* Header */
  --header-h: 76px;
  --header-h-mobile: 64px;

  /* Z-index (PIEGE PROD 1 : burger > header > menu) */
  --z-header: 1100;
  --z-menu:   1000;
  --z-modal:  1200;

  /* Container */
  --container: 1200px;

  /* Transitions */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur:  340ms;

  color-scheme: light;
}

/* Fallback OKLCH (chromium recent) */
@supports (color: oklch(0% 0 0)) {
  :root {
    --bg:        oklch(94% 0.008 150);
    --bg-alt:    oklch(91% 0.010 150);
    --surface:   oklch(89% 0.011 150);
    --surface-2: oklch(82% 0.013 150);
    --text:      oklch(26% 0.018 170);
    --text-2:    oklch(40% 0.014 170);
    --text-mute: oklch(56% 0.010 170);
    --accent:    oklch(42% 0.075 170);
    --accent-2:  oklch(53% 0.080 170);
    --accent-dark: oklch(32% 0.070 170);
  }
}