/* =====================================================
   ACESO CONSEIL V2 — Design Tokens
   Validés client : #01112B · #00FEB5 · #01DAFC
   ===================================================== */

:root {

  /* ---- Couleurs ---- */
  --color-nuit:       #01112B;
  --color-nuit-90:    rgba(1,17,43,0.90);
  --color-nuit-85:    rgba(1,17,43,0.85);
  --color-nuit-60:    rgba(1,17,43,0.60);
  --color-vert:       #00FEB5;
  --color-vert-10:    rgba(0,254,181,0.10);
  --color-vert-08:    rgba(0,254,181,0.08);
  --color-vert-05:    rgba(0,254,181,0.05);
  --color-vert-02:    rgba(0,254,181,0.02);
  --color-bleu:       #01DAFC;
  --color-bleu-10:    rgba(1,218,252,0.10);
  --color-bleu-08:    rgba(1,218,252,0.08);
  --color-bleu-04:    rgba(1,218,252,0.04);
  --color-bleu-03:    rgba(1,218,252,0.03);
  --color-blanc:      #FFFFFF;
  --color-gris-mid:   rgba(195, 201, 203, 0.833);
  --color-gris-dim:   rgba(138,155,184,0.6);
  --color-gris-faint: rgb(168, 168, 168);
  --color-wire:       rgba(255,255,255,0.06);
  --color-wire-mid:   rgba(255,255,255,0.08);
  --color-wire-sub:   rgba(255,255,255,0.04);

  /* ---- Gradients ---- */
  --gradient-brand:   linear-gradient(135deg, #00FEB5 0%, #01DAFC 100%);
  --gradient-brand-r: linear-gradient(135deg, #01DAFC 0%, #00FEB5 100%);
  --gradient-text:    linear-gradient(135deg, #00FEB5, #01DAFC);

  /* ---- Typographie ---- */
  --font-sans:        'Inter', system-ui, -apple-system, sans-serif;
  --text-xs:          0.75rem;     /* 15px base 20 */
  --text-sm:          0.875rem;    /* 17.5px */
  --text-base:        1rem;        /* 20px */
  --text-lg:          1.125rem;    /* 22.5px */
  --text-xl:          1.25rem;     /* 25px */
  --text-2xl:         1.5rem;      /* 30px */
  --text-3xl:         1.875rem;    /* 37.5px */
  --text-4xl:         2.25rem;     /* 45px */
  --text-5xl:         3rem;        /* 60px */

  /* ---- Espacement ---- */
  --space-1:          0.25rem;
  --space-2:          0.5rem;
  --space-3:          0.75rem;
  --space-4:          1rem;
  --space-5:          1.25rem;
  --space-6:          1.5rem;
  --space-8:          2rem;
  --space-10:         2.5rem;
  --space-12:         3rem;
  --space-16:         4rem;
  --space-20:         5rem;
  --space-24:         6rem;
  --space-32:         8rem;
  --space-40:         10rem;

  /* ---- Rayons ---- */
  --radius-sm:        0.375rem;
  --radius-md:        0.5rem;
  --radius-lg:        0.75rem;
  --radius-xl:        1rem;
  --radius-2xl:       1.5rem;
  --radius-full:      9999px;

  /* ---- Transitions (cubic-bezier uniquement) ---- */
  --ease-expo:        cubic-bezier(0.32,0.72,0,1);
  --ease-spring:      cubic-bezier(0.16,1,0.3,1);
  --ease-smooth:      cubic-bezier(0.25,0.1,0.25,1);
  --trans-fast:       180ms var(--ease-expo);
  --trans-base:       280ms var(--ease-expo);
  --trans-slow:       500ms var(--ease-expo);
  --trans-reveal:     700ms var(--ease-spring);

  /* ---- Layout ---- */
  --container-max:    1140px;
  --container-pad:    clamp(1.25rem, 5vw, 3rem);
  --section-py:       clamp(4rem, 8vw, 8rem);

  /* ---- Z-index ---- */
  --z-base:           1;
  --z-reveal:         10;
  --z-dropdown:       50;
  --z-nav:            100;
  --z-overlay:        200;
  --z-modal:          300;
}