/* ==========================================================================
   Galri — Spacing, radii, sizing
   8pt-ish scale on a 4px base. Generous whitespace = Apple-like calm.
   ========================================================================== */
:root {
  --space-0:   0px;
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-7:   32px;
  --space-8:   40px;
  --space-9:   48px;
  --space-10:  64px;
  --space-11:  80px;
  --space-12:  96px;
  --space-13:  128px;
  --space-14:  160px;

  /* Layout */
  /* Une seule largeur de contenu, site et application (décision du 15/10/2026). Marges latérales :
     36 px dans l'application, 24 px sur le site, 16 px sur téléphone. */
  --container:      1280px;
  --container-wide: 1400px;
  --container-text: 720px;
  /* Les étapes de formulaire d'un assistant (création d'une exposition). */
  --container-form: 960px;
  --gutter:         var(--space-6);
  --gutter-app:     36px;
  /* Entre deux sections d'une page : 56 px, 40 sur téléphone. */
  --section-gap:        56px;
  --section-gap-mobile: 40px;
  --gutter-mobile:  var(--space-4);
  --sidebar-width:  228px;
  --panel-width:    380px;
  --filters-width:  260px;
  --section-y:      var(--space-12);

  /* ---- Radii — soft, rounded, echoing the logo's device frames -------- */
  --radius-xs:   6px;
  --radius-sm:   10px;
  --radius-md:   14px;
  --radius-lg:   20px;
  --radius-xl:   28px;
  --radius-2xl:  40px;
  --radius-pill: 999px;
  --radius-card: var(--radius-lg);
  /* Rôles : 6 case à cocher · 10 ligne de choix, petite vignette, bouton de navigation · 14 champ,
     vignette, tuile · 20 carte, panneau, fenêtre · 28 bloc vedette · 40 bloc d'appel. Aucune autre
     valeur (ni 12, ni 16, ni 24). */

  /* Control heights */
  --control-sm: 34px;
  --control-md: 42px;
  --control-lg: 52px;
  /* Le bouton rond flottant (visionneuse, surimpression sur une photo). */
  --control-float: 46px;

  /* Borders */
  --border-w:        1px;
  --border-w-strong: 1.5px;
}