/* ============================================================
   PRONTIO – Variáveis globais
============================================================ */

:root {
  /* Cores principais */
  --color-primary:        #2563eb;
  --color-primary-dark:   #1d4ed8;
  --color-primary-soft:   #dbeafe;

  --color-bg:             #f4f5f7;
  --color-panel:          #ffffff;
  --color-border:         #dde1e7;

  --color-text:           #111827;
  --color-text-soft:      #6b7280;
  --color-muted:          #9ca3af;

  --color-danger:         #b91c1c;
  --color-success:        #166534;
  --color-success-soft:   #dcfce7;

  /* Sidebar / topbar */
  --sidebar-bg:           #0f172a;
  --sidebar-item:         #e5e7eb;
  --sidebar-item-hover:   rgba(148,163,184,0.26);
  --sidebar-item-active:  #10b981;

  --topbar-bg:            #ffffff;
  --topbar-border:        #e6e6e6;

  /* Sombra */
  --shadow-soft:          0 2px 4px rgba(0,0,0,0.04),
                          0 8px 18px rgba(0,0,0,0.06);

  /* Tipografia */
  --font-main: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Radius */
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 14px;

  /* Espaçamentos */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
}