/* Design system SocialIA: token condivisi.
   Livelli: tokens.css (variabili) -> components.css (componenti ui-*) -> shell.css (guscio dell'app).
   styles.css resta per le pagine non ancora migrate e si svuota modulo per modulo. */
:root {
  --ui-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ui-font-size: 13px;
  --ui-font-size-sm: 12px;
  --ui-font-size-xs: 11px;
  --ui-font-size-lg: 15px;
  --ui-font-size-xl: 22px;

  --ui-text: #151b46;
  --ui-text-muted: #6b7489;
  --ui-text-subtle: #9aa3b3;
  --ui-bg: #f7f8fb;
  --ui-surface: #ffffff;
  --ui-surface-muted: #f3f5f9;
  --ui-border: #e6e9f0;
  --ui-border-strong: #d5dae4;

  --ui-primary: #526ae8;
  --ui-primary-hover: #3d52c7;
  --ui-primary-soft: #eef1ff;
  --ui-focus: rgba(82, 106, 232, 0.35);

  --ui-success: #0f9f74;
  --ui-success-soft: #e5f7f0;
  --ui-warning: #b7780c;
  --ui-warning-soft: #fff5de;
  --ui-danger: #d6453f;
  --ui-danger-soft: #fdecea;
  --ui-info: #3569c9;
  --ui-info-soft: #eaf1fd;

  /* Raggi e ombre dei pannelli storici: blocchi bianchi morbidi, non squadrati. */
  --ui-radius-sm: 10px;
  --ui-radius: 14px;
  --ui-radius-lg: 18px;
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 24px;
  --ui-space-6: 32px;
  --ui-shadow: 0 10px 26px rgba(22, 31, 74, 0.05);
  --ui-shadow-soft: 0 8px 24px rgba(22, 31, 74, 0.06);
  --ui-panel-soft: #fbfcff;

  --ui-sidebar-width: 256px;
}