/* ============================================================
   FRIP'1 - Design Tokens Officiels
   Version Août 2026 - Organisation Destinée d'Impact
   ============================================================ */

:root {
  /* Palette officielle */
  --frip-black:    #111111;
  --frip-lime:     #C7F000;
  --frip-lime-dk:  #A9CC00;
  --frip-cream:    #F7F4EC;
  --frip-charcoal: #292929;
  --frip-grey:     #8A8A8A;
  --frip-grey-lt:  #E6E6E6;
  --frip-white:    #FFFFFF;

  /* Fonctionnels */
  --success: #16A34A;
  --success-bg: #DCFCE7;
  --error:   #E53935;
  --error-bg: #FEE2E2;
  --warning: #F59E0B;
  --warning-bg: #FEF3C7;
  --info:    #2563EB;
  --info-bg: #DBEAFE;

  /* Surfaces app claires */
  --surface:        var(--frip-cream);
  --surface-alt:    #FFFFFF;
  --surface-muted:  #EEEAE0;
  --border:         #E4DFD2;
  --border-strong:  #D6D0BE;

  /* Textes */
  --text-primary:   var(--frip-black);
  --text-secondary: var(--frip-charcoal);
  --text-muted:     var(--frip-grey);
  --text-invert:    var(--frip-cream);

  /* Rayons (charte : 8/12/16/24) */
  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-full: 999px;

  /* Espacements (grille 8px) */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-7: 32px;
  --s-8: 40px;
  --s-9: 48px;
  --s-10: 64px;

  /* Ombres discrètes */
  --shadow-sm: 0 1px 2px rgba(17,17,17,0.06);
  --shadow-md: 0 4px 12px rgba(17,17,17,0.08);
  --shadow-lg: 0 10px 30px rgba(17,17,17,0.12);
  --shadow-lime: 0 8px 24px rgba(199,240,0,0.35);

  /* Typographie */
  --font-title: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --font-body:  "Inter", "Segoe UI", system-ui, sans-serif;

  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 15px;
  --fs-md: 17px;
  --fs-lg: 20px;
  --fs-xl: 24px;
  --fs-2xl: 32px;
  --fs-3xl: 40px;
  --fs-4xl: 56px;

  --lh-tight: 1.15;
  --lh-snug: 1.3;
  --lh-normal: 1.55;

  /* Transitions */
  --t-fast: 120ms cubic-bezier(.2,.7,.2,1);
  --t-med:  220ms cubic-bezier(.2,.7,.2,1);

  /* Container */
  --content-max: 1200px;
  --app-max: 480px;    /* écrans mobiles simulés */
}

/* Mode sombre (surfaces "premium") pour splash / checkout FRIP'1 Pay */
.theme-dark {
  --surface:        var(--frip-black);
  --surface-alt:    var(--frip-charcoal);
  --surface-muted:  #1B1B1B;
  --border:         #333333;
  --border-strong:  #4A4A4A;
  --text-primary:   var(--frip-cream);
  --text-secondary: #E9E4D6;
  --text-muted:     #B8B3A5;
  --text-invert:    var(--frip-black);
}