/* ==========================================================================
   MyShareBox — variables partagées (site public + panel admin)
   ========================================================================== */
:root {
  /* Couleurs de marque */
  --navy: #1e3a8a;
  --navy-hover: #172f72;
  --navy-soft: #eef2fa;
  --blue: #2754c5;
  --green: #18a957;
  --green-hover: #12914a;
  --green-soft: #dcfce7;
  --green-check: #16a34a;
  --green-dot: #22c55e;
  --green-disabled: #9de4bd;

  /* Couleurs d'état (réservées aux statuts, toujours avec un libellé) */
  --status-good: #15803d;
  --status-good-bg: #dcfce7;
  --status-warning: #a16207;
  --status-warning-bg: #fef3c7;
  --status-critical: #b91c1c;
  --status-critical-bg: #fee2e2;
  --status-neutral: #4b5563;
  --status-neutral-bg: #eef1f5;

  --red: #b91c1c;
  --red-hover: #991b1b;
  --red-soft: #fef2f2;
  --red-border: #fecaca;

  /* Textes */
  --text: #111827;
  --text-body: #374151;
  --text-muted: #4b5563;
  --text-soft: #6b7280;

  /* Fonds et bordures */
  --bg: #f5f7fb;
  --surface: #ffffff;
  --surface-soft: #f4f7fc;
  --badge-bg: #e8edf6;
  --border: #e3e8f0;
  --border-strong: #c9d4e5;

  /* Surfaces secondaires (survols, zones de dépôt, pastilles), dégradé de l'accueil et alertes : redéfinis par les thèmes sombres */
  --tint: #eef2fa;
  --tint-strong: #e3e9f5;
  --glass: rgba(255, 255, 255, 0.7);
  --hero-gradient: linear-gradient(180deg, #f3f6fb 0%, #fafbfd 70%, #ffffff 100%);
  --warn-border: #fde68a;
  --warn-bg: #fffaeb;
  --warn-text: #92400e;
  --warn-strong: #7c2d12;

  /* Formes */
  --radius-sm: 8px;
  --radius: 10px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --shadow-card: 0 24px 60px -28px rgba(30, 58, 138, 0.22), 0 2px 6px rgba(15, 23, 42, 0.04);
  --shadow-soft: 0 1px 2px rgba(15, 23, 42, 0.05);
  --shadow-btn: 0 6px 16px -6px rgba(30, 58, 138, 0.55);
  --focus-ring: 0 0 0 3px rgba(39, 84, 197, 0.35);

  --font: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}