/* =====================================================
   SUSTT CORE – BASE
   Objectif: fondation stable (reset léger, typographie, tokens)
   NB: Les couleurs restent pilotées par le thème via variables CSS.
   ===================================================== */

:root{
  /* Spacing */
  --sustt-space-1: 4px;
  --sustt-space-2: 8px;
  --sustt-space-3: 12px;
  --sustt-space-4: 16px;
  --sustt-space-5: 24px;
  --sustt-space-6: 32px;

  /* Radius & shadow (modéré = "app moderne") */
  --sustt-radius-sm: 8px;
  --sustt-radius-md: 12px;
  --sustt-radius-lg: 16px;

  --sustt-shadow-sm: 0 2px 8px rgba(0,0,0,.08);
  --sustt-shadow-md: 0 8px 20px rgba(0,0,0,.12);

  /* Motion */
  --sustt-ease: cubic-bezier(.2,.8,.2,1);
  --sustt-transition-fast: 140ms var(--sustt-ease);
  --sustt-transition: 200ms var(--sustt-ease);

  /* Typography */
  --sustt-font: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
}

.sustt-app,
.sustt-app *{
  box-sizing: border-box;
}

.sustt-app{
  font-family: var(--sustt-font);
  color: var(--sustt-text-main);
}

/* Images & SVG */
.sustt-app img{
  max-width: 100%;
  height: auto;
}