/* ========================================================================
   GREEN PIZZ — CHARTE GRAPHIQUE / DESIGN TOKENS
   Version 1.0 — 10/08/2026

   SOURCE DE VÉRITÉ VISUELLE DU SITE.
   Les composants de page doivent utiliser ces variables plutôt que des
   couleurs, rayons ou ombres codés en dur.
   ======================================================================== */

:root{
  /* Couleurs de marque */
  --gpds-green-950:#0d3527;
  --gpds-green-900:#103b2b;
  --gpds-green-800:#173b2d;
  --gpds-green-700:#214d3b;
  --gpds-green-600:#344e41;
  --gpds-leaf:#5f9b43;

  /* Accent chaud / commande */
  --gpds-gold-700:#b86d00;
  --gpds-gold-600:#d98200;
  --gpds-gold-500:#df8f0a;
  --gpds-gold-400:#e9a528;
  --gpds-gold-soft:#fff1d4;

  /* Neutres */
  --gpds-canvas:#f7f3ee;
  --gpds-canvas-2:#fbf7f0;
  --gpds-surface:#fffdf9;
  --gpds-white:#ffffff;
  --gpds-ink:#20231f;
  --gpds-muted:#625d56;
  --gpds-line:rgba(16,59,43,.10);
  --gpds-line-strong:rgba(16,59,43,.18);

  /* Typographies */
  --gpds-font-display:"Unbounded",sans-serif,Arial,Helvetica,sans-serif;
  --gpds-font-body:"Google Sans",Arial,Helvetica,sans-serif;

  /* Rayons — 4 niveaux maximum */
  --gpds-radius-sm:14px;
  --gpds-radius-md:18px;
  --gpds-radius-lg:26px;
  --gpds-radius-xl:38px;
  --gpds-radius-pill:999px;

  /* Ombres */
  --gpds-shadow-xs:0 5px 18px rgba(31,39,34,.045);
  --gpds-shadow-sm:0 10px 28px rgba(31,39,34,.065);
  --gpds-shadow-md:0 18px 46px rgba(31,39,34,.09);
  --gpds-shadow-lg:0 26px 76px rgba(31,39,34,.12);

  /* Espacement — rythme 4/8 px */
  --gpds-space-1:4px;
  --gpds-space-2:8px;
  --gpds-space-3:12px;
  --gpds-space-4:16px;
  --gpds-space-5:20px;
  --gpds-space-6:24px;
  --gpds-space-7:32px;
  --gpds-space-8:40px;
  --gpds-space-9:56px;
  --gpds-space-10:72px;

  /* Largeurs */
  --gpds-content:1100px;
  --gpds-copy:760px;

  /* Mouvement */
  --gpds-ease:cubic-bezier(.22,.61,.36,1);
  --gpds-fast:160ms;
  --gpds-normal:240ms;
}