/**
 * /assets/css/root.css
 * Variáveis globais do tema Foco Gestão — EPI System
 * Importar SEMPRE como primeiro CSS em todas as páginas
 */

:root {
  /* ── Marca ──────────────────────────────────────── */
  --fg-primary:        #5937a6;
  --fg-primary-dark:   #3d2475;
  --fg-primary-mid:    #4a2e8a;
  --fg-primary-light:  #7b5cbf;
  --fg-primary-xlight: #ede9f7;
  --fg-primary-xxlight:#f6f3fc;

  /* ── Status semânticos ───────────────────────────── */
  --fg-success:        #10b981;
  --fg-success-bg:     #d1fae5;
  --fg-success-text:   #065f46;

  --fg-warning:        #f59e0b;
  --fg-warning-bg:     #fef3c7;
  --fg-warning-text:   #92400e;

  --fg-danger:         #ef4444;
  --fg-danger-bg:      #fee2e2;
  --fg-danger-text:    #991b1b;

  --fg-info:           #3b82f6;
  --fg-info-bg:        #dbeafe;
  --fg-info-text:      #1e40af;

  /* ── Backgrounds ─────────────────────────────────── */
  --fg-bg:             #f7f7fb;
  --fg-bg-2:           #eeeef6;
  --fg-card:           #ffffff;
  --fg-card-hover:     #faf9fe;

  /* ── Texto ───────────────────────────────────────── */
  --fg-text:           #1a1530;
  --fg-text-secondary: #4b5563;
  --fg-text-muted:     #9ca3af;
  --fg-text-on-primary:#ffffff;

  /* ── Bordas ──────────────────────────────────────── */
  --fg-border:         rgba(89, 55, 166, 0.12);
  --fg-border-medium:  rgba(89, 55, 166, 0.22);
  --fg-border-strong:  rgba(89, 55, 166, 0.35);

  /* ── Raios de borda ──────────────────────────────── */
  --fg-radius-sm:      6px;
  --fg-radius:         10px;
  --fg-radius-lg:      14px;
  --fg-radius-xl:      20px;

  /* ── Tipografia ──────────────────────────────────── */
  --fg-font:           'Segoe UI', system-ui, -apple-system, sans-serif;
  --fg-font-mono:      'Cascadia Code', 'Fira Code', 'Courier New', monospace;

  /* ── Espaçamentos ────────────────────────────────── */
  --fg-space-xs:       4px;
  --fg-space-sm:       8px;
  --fg-space-md:       16px;
  --fg-space-lg:       24px;
  --fg-space-xl:       40px;

  /* ── Transições ──────────────────────────────────── */
  --fg-transition:     all 0.18s ease;
  --fg-transition-slow:all 0.32s ease;

  /* ── Sombras ─────────────────────────────────────── */
  --fg-shadow-sm:      0 1px 3px rgba(89,55,166,0.08), 0 1px 2px rgba(0,0,0,0.04);
  --fg-shadow:         0 4px 16px rgba(89,55,166,0.10), 0 2px 6px rgba(0,0,0,0.05);
  --fg-shadow-lg:      0 12px 40px rgba(89,55,166,0.14), 0 4px 12px rgba(0,0,0,0.06);

  /* ── Perfis de acesso (badges) ───────────────────── */
  --fg-badge-admin-bg:   #ede9f7;
  --fg-badge-admin-text: #3d2475;
  --fg-badge-gestor-bg:  #dbeafe;
  --fg-badge-gestor-text:#1e40af;
  --fg-badge-user-bg:    #d1fae5;
  --fg-badge-user-text:  #065f46;
  --fg-badge-func-bg:    #fef3c7;
  --fg-badge-func-text:  #92400e;
}