/* ===========================================================
   SOLITCHI — DESIGN SYSTEM v2 (motion éditorial premium)
   Source of truth : couleurs · typo · espace · motion
   =========================================================== */

:root {
  /* ---- Base sombre premium (jamais de #000 pur : smear OLED) ---- */
  --bg:        #0a0a0c;
  --surface:   #131317;
  --surface-2: #17171d;
  --border:    #26262e;
  --text:      #ededf2;
  --muted:     #9a9aa6;
  --faint:     #6a6a76;

  /* ---- Flip éditorial clair (sections de contraste) ---- */
  --bg-light:      #f4f2ee;
  --surface-light: #ffffff;
  --text-on-light: #0a0a0c;
  --muted-on-light:#5c5a55;
  --border-light:  #e0ddd5;

  /* ---- Accent marque (rare et précieux) ---- */
  --rose:    #ee1c7a;
  --rose-2:  #d14a6e;
  --rose-soft: rgba(238, 28, 122, 0.12);
  --rose-line: rgba(238, 28, 122, 0.35);

  /* ---- Échelle typographique fluide ---- */
  --font-sans: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  --fs-hero:   clamp(2.2rem, 5.2vw, 5rem);   /* titre cinétique — taille réduite, police unique */
  --fs-h2:     clamp(2rem, 5vw, 4.25rem);
  --fs-h3:     clamp(1.4rem, 2.4vw, 2rem);
  --fs-lead:   clamp(1.05rem, 1.5vw, 1.35rem);
  --fs-body:   1.0625rem;
  --fs-meta:   0.75rem;   /* monospace metadata */

  /* ---- Espace (rythme 4/8) ---- */
  --space-section: clamp(5rem, 12vw, 11rem);
  --container: min(1280px, 92vw);
  --container-tight: min(1080px, 90vw);
  --radius: 16px;
  --radius-lg: 24px;

  /* ---- Courbes & durées motion ---- */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);    /* expo out — reveals */
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro:  240ms;
  --dur-reveal: 880ms;
  --dur-hero:   1200ms;

  /* ---- Élévation ---- */
  --shadow-card: 0 24px 70px rgba(0,0,0,.5);
  --shadow-rose: 0 18px 50px rgba(238,28,122,.28);

  --z-cursor: 9999;
  --z-preloader: 9000;
  --z-nav: 100;
}