/* =========================================================
   EazyMarket — Design tokens
   Toute la charte graphique tient dans ce fichier.
   Changer une valeur ici met à jour tout le site.
   ========================================================= */

:root {
  /* ---------- Couleurs de marque ---------- */
  --brand-50:  #FFF4EC;
  --brand-100: #FFE3D0;
  --brand-200: #FFC6A3;
  --brand-300: #FBA36F;
  --brand-400: #F5843F;
  --brand-500: #EE6C2B;   /* orange principal */
  --brand-600: #D9481F;
  --brand-700: #B3360F;
  --brand-800: #8A2A0C;

  --forest-50:  #ECF6F1;
  --forest-100: #CFE9DD;
  --forest-500: #17694F;
  --forest-600: #0F4534;  /* vert profond — confiance */
  --forest-700: #0A3226;

  --gold-400: #F7C948;
  --gold-500: #F2B705;

  /* ---------- Neutres ---------- */
  --ink-900: #101A16;
  --ink-800: #1C2A25;
  --ink-700: #2E3D37;
  --ink-600: #4A5B54;
  --ink-500: #6B7C76;
  --ink-400: #94A39D;
  --ink-300: #C2CCC8;
  --ink-200: #E1E7E4;
  --ink-100: #EFF3F1;
  --sand-50: #FBF8F4;   /* fond de page */
  --white: #FFFFFF;

  /* ---------- Sémantique ---------- */
  --success-bg: #E9F7EF; --success-fg: #10794A; --success-br: #B9E6CD;
  --warning-bg: #FFF6E0; --warning-fg: #9A6B00; --warning-br: #FBE2A8;
  --danger-bg:  #FDECEC; --danger-fg:  #B3261E; --danger-br: #F6C7C4;
  --info-bg:    #EAF2FD; --info-fg:    #1B4F9C; --info-br:   #C3DAF7;

  /* ---------- Typographie ---------- */
  --font-display: 'Outfit', 'Inter', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;

  --fs-xs: .75rem;    --fs-sm: .8125rem;  --fs-base: .9375rem;
  --fs-md: 1rem;      --fs-lg: 1.125rem;  --fs-xl: 1.375rem;
  --fs-2xl: 1.75rem;  --fs-3xl: 2.25rem;  --fs-4xl: 3rem;

  /* ---------- Espacement ---------- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;
  --sp-12: 48px; --sp-16: 64px; --sp-20: 80px;

  /* ---------- Rayons ---------- */
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 22px; --r-full: 999px;

  /* ---------- Ombres ---------- */
  --sh-xs: 0 1px 2px rgba(16, 26, 22, .06);
  --sh-sm: 0 2px 6px rgba(16, 26, 22, .07);
  --sh-md: 0 6px 18px rgba(16, 26, 22, .08);
  --sh-lg: 0 16px 40px rgba(16, 26, 22, .12);
  --sh-brand: 0 10px 26px rgba(238, 108, 43, .28);

  /* ---------- Divers ---------- */
  --container: 1200px;
  --nav-h: 72px;
  --t-fast: 140ms cubic-bezier(.4,0,.2,1);
  --t: 220ms cubic-bezier(.4,0,.2,1);
}