/* ==========================================================================
   Minisocles — Design tokens
   ========================================================================== */
:root {
  /* Couleurs */
  --ms-bg: #073d37;
  --ms-bg-deep: #032522;
  --ms-surface: rgba(3, 32, 30, .78);
  --ms-surface-hover: rgba(6, 48, 44, .88);
  --ms-surface-strong: rgba(4, 47, 43, .92);
  --ms-surface-soft: rgba(58, 108, 98, .42);
  --ms-border: rgba(165, 222, 211, .20);
  --ms-border-hover: rgba(165, 222, 211, .42);
  --ms-text: #f7fbfa;
  --ms-text-muted: #bfd1cd;
  --ms-text-dark: #0d2622;
  --ms-accent: #0ad6a0;
  --ms-accent-strong: #00b989;
  --ms-featured-from: #0f8e6d;
  --ms-featured-to: #0a6f56;

  /* Typographie */
  --ms-font: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Formes & espacements */
  --ms-radius: 16px;
  --ms-radius-sm: 12px;
  --ms-card-gap: 12px;
  --ms-content-max: 780px;
  --ms-gutter: clamp(16px, 4vw, 24px);
  --ms-shadow: 0 12px 28px rgba(0, 0, 0, .18);
  --ms-transition: .2s ease;
}