/* ============================================
   ADES SA — DESIGN TOKENS
   ============================================ */

:root {
  /* === COULEURS LOGO ADES === */
  --ades-red:        #E30613;
  --ades-red-dark:   #B8050F;
  --ades-red-soft:   #FFE5E7;

  /* === NOIRS & GRIS === */
  --ades-black:      #0A0A0A;
  --ades-charcoal:   #1F1F1F;
  --ades-graphite:   #4A4A4A;
  --ades-stone:      #6B6B6B;
  --ades-fog:        #C4C4C4;
  --ades-mist:       #E5E5E5;
  --ades-pearl:      #F5F5F5;

  /* === BLANCS & CRÈMES === */
  --ades-cream:      #FAF8F3;
  --ades-white:      #FFFFFF;

  /* === SÉMANTIQUE === */
  --bg-primary:    var(--ades-white);
  --bg-secondary:  var(--ades-cream);
  --bg-tertiary:   var(--ades-pearl);
  --bg-dark:       var(--ades-black);
  --bg-charcoal:   var(--ades-charcoal);

  --text-primary:    var(--ades-black);
  --text-secondary:  var(--ades-graphite);
  --text-muted:      var(--ades-stone);
  --text-inverse:    var(--ades-white);
  --text-accent:     var(--ades-red);

  --border:        var(--ades-mist);
  --border-strong: var(--ades-fog);

  /* === TYPOGRAPHIE === */
  --font-serif:  'Playfair Display', Georgia, serif;
  --font-sans:   'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --fs-xs:    0.75rem;
  --fs-sm:    0.875rem;
  --fs-base:  1rem;
  --fs-md:    1.125rem;
  --fs-lg:    1.25rem;
  --fs-xl:    1.5rem;
  --fs-2xl:   2rem;
  --fs-3xl:   2.5rem;
  --fs-4xl:   3.25rem;
  --fs-5xl:   4rem;
  --fs-hero:  clamp(2.5rem, 6vw, 4.5rem);

  --fw-light:    300;
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
  --fw-black:    900;

  --lh-tight:   1.15;
  --lh-snug:    1.3;
  --lh-normal:  1.6;
  --lh-relaxed: 1.75;

  --ls-tight:   -0.02em;
  --ls-normal:  0;
  --ls-wide:    0.05em;
  --ls-wider:   0.1em;
  --ls-widest:  0.2em;

  /* === ESPACEMENTS === */
  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-5:   1.5rem;
  --space-6:   2rem;
  --space-8:   3rem;
  --space-10:  4rem;
  --space-12:  5rem;
  --space-16:  7rem;
  --space-20:  9rem;

  /* === LAYOUT === */
  --container-max:    1280px;
  --container-narrow: 960px;
  --container-text:   720px;
  --content-padding:  clamp(1rem, 4vw, 2.5rem);

  --header-height:        80px;
  --header-height-mobile: 64px;

  /* === OMBRES === */
  --shadow-xs:  0 1px 2px rgba(10, 10, 10, 0.04);
  --shadow-sm:  0 2px 4px rgba(10, 10, 10, 0.06);
  --shadow-md:  0 4px 12px rgba(10, 10, 10, 0.08);
  --shadow-lg:  0 12px 32px rgba(10, 10, 10, 0.10);
  --shadow-xl:  0 24px 48px rgba(10, 10, 10, 0.12);

  /* === TRANSITIONS === */
  --transition-fast:   150ms ease;
  --transition-base:   250ms ease;
  --transition-smooth: 400ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow:   600ms cubic-bezier(0.4, 0, 0.2, 1);

  /* === Z-INDEX === */
  --z-base:      1;
  --z-dropdown:  100;
  --z-sticky:    200;
  --z-modal-bg:  900;
  --z-modal:     1000;
}