/* =========================
   00-tokens.css
   Design tokens (cohérence site complet)
========================= */

:root{
    /* Surfaces */
    --bg: #f3f5df;
    --bg2:#f6f8fb;
    --surface: #ffffff;
    --surfaceGlass: rgba(255,255,255,.86);
  
    /* Text */
    --text: #0f172a;
    --muted:#556070;
  
    /* Borders / accents */
    --border: rgba(15,23,42,.14);
    --green:#35c84a;
    --yellow:#ffe600;
  
    /* Shadows */
    --shadow: 0 18px 44px rgba(15,23,42,.10);
    --shadow2: 0 8px 20px rgba(15,23,42,.08);
  
    /* Radius / layout */
    --radius: 18px;
    --container: 1600px;
  
    /* Typo scale */
    --fs-12: 12px;
    --fs-13: 13px;
    --fs-14: 14px;
    --fs-16: 16px;
    --fs-18: 18px;
    --fs-20: 20px;
    --fs-28: 28px;
  
    --lh-tight: 1.05;
    --lh-body: 1.75;
  
    /* Buttons */
    --btn-pad-y: 11px;
    --btn-pad-x: 14px;
    --btn-radius: 14px;
  
    /* Header */
    --header-bg: rgba(233,237,242,.90);
    --header-blur: 10px;
  
    /* Focus */
    --focus-ring: 0 0 0 4px rgba(53,200,74,.12);


      /* Vert futuriste */
      --neo-green: #00ff9c;
      --neo-green-soft: rgba(0, 255, 156, .15);
      --neo-green-glow: rgba(0, 255, 156, .45);
    
      /* Fonds */
      --glass-bg: rgba(10, 12, 14, .72);
      --glass-border: rgba(255,255,255,.12);
    
      /* Transitions */
      --fx-fast: .18s cubic-bezier(.4,0,.2,1);

    
  }