/* =============================================================
   SGE 2.0 — Variables (Design System Tokens)
   ============================================================= */

:root {
  /* ── Cores Primárias ── */
  --primary-dark:    #0A2540;
  --primary:         #1E5A8E;
  --primary-light:   #3B82F6;
  --primary-lighter: #60A5FA;
  --primary-bg:      #EBF5FF;

  /* ── Cores Semânticas ── */
  --success:         #10B981;
  --success-light:   #34D399;
  --success-bg:      #D1FAE5;
  --danger:          #EF4444;
  --danger-light:    #F87171;
  --danger-bg:       #FEE2E2;
  --warning:         #F59E0B;
  --warning-light:   #FBBF24;
  --warning-bg:      #FEF3C7;
  --info:            #3B82F6;
  --info-light:      #60A5FA;
  --info-bg:         #DBEAFE;

  /* ── Cores de Texto ── */
  --text-primary:    #1E293B;
  --text-secondary:  #64748B;
  --text-muted:      #94A3B8;
  --text-white:      #FFFFFF;

  /* ── Superfícies ── */
  --bg-page:         #F1F5F9;
  --bg-card:         #FFFFFF;
  --bg-section:      #F8FAFC;
  --border:          #E2E8F0;
  --border-hover:    #3B82F6;

  /* ── Layout ── */
  --sidebar-width:   280px;
  --header-height:   70px;

  /* ── Border Radius ── */
  --radius-xs:       6px;
  --radius-sm:       8px;
  --radius-md:       10px;
  --radius:          12px;
  --radius-lg:       16px;

  /* ── Sombras ── */
  --shadow-sm:       0 1px 3px rgba(0,0,0,0.08);
  --shadow-md:       0 4px 12px rgba(0,0,0,0.10);
  --shadow-lg:       0 10px 30px rgba(0,0,0,0.12);
  --shadow-xl:       0 20px 60px rgba(0,0,0,0.30);

  /* ── Espaçamento ── */
  --spacing-xs:      4px;
  --spacing-sm:      8px;
  --spacing-md:      12px;
  --spacing-lg:      16px;
  --spacing-xl:      24px;
  --spacing-2xl:     32px;

  /* ── Transições ── */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;

  /* ── Gradientes ── */
  --gradient-primary:     linear-gradient(135deg, #1E5A8E 0%, #3B82F6 100%);
  --gradient-dark:        linear-gradient(135deg, #0A2540 0%, #0D3556 100%);
  --gradient-success:     linear-gradient(135deg, #10B981 0%, #34D399 100%);
  --gradient-danger:      linear-gradient(135deg, #EF4444 0%, #F87171 100%);
  --gradient-warning:     linear-gradient(135deg, #F59E0B 0%, #FBBF24 100%);
  --gradient-page:        linear-gradient(135deg, #EBF5FF 0%, #F1F5F9 100%);
  --gradient-table-header:linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 100%);
  --gradient-kpi-text:    linear-gradient(135deg, #0A2540 0%, #3B82F6 100%);
}