/* ==========================================================================
   Entropy — Design tokens
   Palette monochrome chaude + un accent bronze utilisé avec parcimonie.
   ========================================================================== */

:root {
  /* --- Couleurs ------------------------------------------------------- */
  --ink:          #0E0E0D;
  --ink-soft:     #2A2A27;
  --ink-muted:    #6E6C64;
  --ink-faint:    #9A978D;

  --paper:        #F4F2EE;
  --paper-deep:   #EAE7E0;
  --surface:      #FFFFFF;
  --night:        #111110;
  --night-soft:   #1B1B19;

  --accent:       #8A7B62;
  --accent-soft:  #C6B79A;

  --line:         rgba(14, 14, 13, 0.10);
  --line-strong:  rgba(14, 14, 13, 0.18);
  --line-invert:  rgba(255, 255, 255, 0.14);

  /* --- Typographie ---------------------------------------------------- */
  --font-display: 'Inter Tight', 'Helvetica Neue', Arial, sans-serif;
  --font-body:    'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-serif:   'Instrument Serif', Georgia, 'Times New Roman', serif;

  --fs-display:   clamp(2.75rem, 7.2vw, 6.25rem);
  --fs-h1:        clamp(2.25rem, 5.4vw, 4.5rem);
  --fs-h2:        clamp(1.9rem, 3.9vw, 3.35rem);
  --fs-h3:        clamp(1.35rem, 2.1vw, 1.9rem);
  --fs-h4:        clamp(1.1rem, 1.5vw, 1.3rem);
  --fs-body:      clamp(0.975rem, 1.05vw, 1.0625rem);
  --fs-small:     0.875rem;
  --fs-label:     0.6875rem;

  --lh-display:   0.96;
  --lh-heading:   1.06;
  --lh-body:      1.62;

  --ls-display:   -0.035em;
  --ls-heading:   -0.025em;
  --ls-label:     0.18em;

  /* --- Espacements ----------------------------------------------------- */
  --gutter:       clamp(1.25rem, 4.6vw, 4.5rem);
  --maxw:         1360px;
  --maxw-text:    62ch;
  --section-y:    clamp(5rem, 11vw, 10.5rem);
  --block-y:      clamp(2.5rem, 5vw, 4.5rem);

  /* --- Formes ---------------------------------------------------------- */
  --r-xs:  6px;
  --r-sm:  10px;
  --r-md:  16px;
  --r-lg:  24px;
  --r-xl:  32px;
  --r-pill: 999px;

  /* --- Ombres (très discrètes, jamais de "drop shadow" marqué) --------- */
  --shadow-sm:  0 1px 2px rgba(14, 14, 13, 0.04);
  --shadow-md:  0 12px 32px -18px rgba(14, 14, 13, 0.28);
  --shadow-lg:  0 40px 90px -50px rgba(14, 14, 13, 0.45);

  /* --- Mouvement ------------------------------------------------------- */
  --ease:        cubic-bezier(0.16, 1, 0.30, 1);
  --ease-inout:  cubic-bezier(0.65, 0.02, 0.20, 1);
  --dur-fast:    260ms;
  --dur:         620ms;
  --dur-slow:    1000ms;
  --dur-reveal:  1150ms;

  /* --- Divers ---------------------------------------------------------- */
  --nav-h: 76px;
}

@media (max-width: 720px) {
  :root { --nav-h: 64px; }
}