/* ============================================================
   GuideduFoyer — Design tokens
   Base neutre chaude « papier » · accent signature ocre marqueur
   Grille 4/8 · 2 niveaux d'ombre · motion discret
   ============================================================ */

:root {
  /* ---------- Palette · Papier (neutres chauds) ---------- */
  --gdf-paper-50:  #FDFBF6;
  --gdf-paper-100: #F9F4E9;
  --gdf-paper-200: #F1E8D6;
  --gdf-paper-300: #E3D7BE;
  --gdf-paper-400: #CDBD9C;
  --gdf-paper-500: #A8977A;
  --gdf-paper-600: #80715A;
  --gdf-paper-700: #5F5443;
  --gdf-paper-800: #433B2F;
  --gdf-paper-900: #2A251E;

  /* ---------- Palette · Ocre marqueur (accent signature) ---------- */
  --gdf-ocre-50:  #FCF7E8;
  --gdf-ocre-100: #F9EDC9;
  --gdf-ocre-200: #F4DF9B;
  --gdf-ocre-300: #EDCB62;
  --gdf-ocre-400: #E5B53B;
  --gdf-ocre-500: #DCA320;
  --gdf-ocre-600: #B98214;
  --gdf-ocre-700: #926310;
  --gdf-ocre-800: #6E4A10;
  --gdf-ocre-900: #4E350E;

  /* ---------- Sémantique · texte & surfaces ---------- */
  --gdf-ink:        #232019; /* corps de texte — AAA sur paper-50 */
  --gdf-ink-soft:   #5F5443; /* texte secondaire — AAA */
  --gdf-ink-faint:  #80715A; /* méta, légendes — AA large */
  --gdf-bg:         var(--gdf-paper-50);
  --gdf-bg-alt:     var(--gdf-paper-100);
  --gdf-surface:    #FFFFFF;
  --gdf-border:     #E7DEC9;
  --gdf-border-strong: #CDBD9C;

  /* ---------- Sémantique · accent (pilotée par les Tweaks) ---------- */
  --gdf-accent:        var(--gdf-ocre-500); /* CTA, marqueur fort */
  --gdf-accent-hover:  var(--gdf-ocre-400); /* hover des CTA pleins */
  --gdf-accent-bright: var(--gdf-ocre-500); /* accent posé sur fond sombre */
  --gdf-accent-strong: var(--gdf-ocre-600); /* hover, liens sur accent */
  --gdf-accent-deep:   var(--gdf-ocre-700); /* texte accent sur fond clair */
  --gdf-accent-soft:   var(--gdf-ocre-200); /* surlignage marqueur */
  --gdf-accent-tint:   var(--gdf-ocre-50);  /* fonds teintés */
  --gdf-accent-ink:    #232019;             /* texte posé sur accent */

  /* ---------- Sémantique · états ---------- */
  --gdf-info:        #2E5E7E;
  --gdf-info-bg:     #EBF1F5;
  --gdf-info-border: #C5D6E1;
  --gdf-success:        #2F7D52;
  --gdf-success-bg:     #EAF3EC;
  --gdf-success-border: #C4DDCC;
  --gdf-warn:        #A8431E; /* « Piège à éviter » */
  --gdf-warn-bg:     #F9EDE4;
  --gdf-warn-border: #EBCDB7;
  --gdf-error:        #B3372C;
  --gdf-error-bg:     #F9EAE7;
  --gdf-error-border: #ECC8C1;

  /* ---------- Typographie ---------- */
  /* Display : Spectral (serif de presse) · Corps : Source Sans 3 */
  --gdf-font-display: "Spectral", Georgia, "Times New Roman", serif;
  --gdf-font-body: "Source Sans 3", "Segoe UI", -apple-system, sans-serif;

  --gdf-text-xs:   0.8125rem; /* 13px — mentions légales uniquement */
  --gdf-text-sm:   0.9375rem; /* 15px — méta, tags */
  --gdf-text-base: 1.0625rem; /* 17px — corps minimum */
  --gdf-text-lg:   1.1875rem; /* 19px — corps article */
  --gdf-text-xl:   1.375rem;  /* 22px — intro, lead */
  --gdf-text-h4:   1.25rem;   /* 20px */
  --gdf-text-h3:   1.5rem;    /* 24px */
  --gdf-text-h2:   2rem;      /* 32px */
  --gdf-text-h1:   2.625rem;  /* 42px */
  --gdf-text-hero: 3.375rem;  /* 54px */

  --gdf-leading-tight: 1.12;
  --gdf-leading-snug:  1.25;
  --gdf-leading-body:  1.6;

  --gdf-weight-regular:  400;
  --gdf-weight-semibold: 600;
  --gdf-weight-bold:     700;
  --gdf-weight-display:  800; /* Spectral ExtraBold pour les très grands corps */

  /* ---------- Espacement (grille 4/8) ---------- */
  --gdf-space-1: 0.25rem;  /*  4px */
  --gdf-space-2: 0.5rem;   /*  8px */
  --gdf-space-3: 0.75rem;  /* 12px */
  --gdf-space-4: 1rem;     /* 16px */
  --gdf-space-5: 1.5rem;   /* 24px */
  --gdf-space-6: 2rem;     /* 32px */
  --gdf-space-7: 2.5rem;   /* 40px */
  --gdf-space-8: 3rem;     /* 48px */
  --gdf-space-9: 4rem;     /* 64px */
  --gdf-space-10: 5rem;    /* 80px */
  --gdf-space-11: 6rem;    /* 96px */

  /* ---------- Rayons ---------- */
  --gdf-radius-sm: 6px;
  --gdf-radius-md: 10px;
  --gdf-radius-lg: 14px;
  --gdf-radius-pill: 999px;

  /* ---------- Ombres (2 niveaux max) ---------- */
  --gdf-shadow-sm: 0 1px 2px rgba(42, 37, 30, 0.07);
  --gdf-shadow-md: 0 2px 10px rgba(42, 37, 30, 0.10);

  /* ---------- Motion ---------- */
  --gdf-ease: cubic-bezier(0.2, 0.7, 0.3, 1);
  --gdf-duration-fast: 120ms;
  --gdf-duration-base: 200ms;

  /* ---------- Langage graphique ---------- */
  /* Surlignage « coup de marqueur » — neutralisable via Tweaks */
  --gdf-marker-color: var(--gdf-accent-soft);
  /* Filet éditorial épais */
  --gdf-rule-weight: 3px;

  /* ---------- Cibles tactiles ---------- */
  --gdf-tap-target: 44px;
}