/* themes.css – design tokens & dark mode – NGO Project Performance Dashboard */
:root {
  /* ── Brand palette (shared with AgroDashboard) ── */
  --green-primary:  #2E7D32;
  --green-dark:     #1B5E20;
  --green-light:    #66BB6A;
  --gold-accent:    #F9A825;
  --gold-light:     #FFF9C4;
  --blue-accent:    #1565C0;
  --red-alert:      #C62828;
  --orange-warn:    #E65100;

  /* ── NGO-specific brand colours ── */
  --ngo-blue:       #1565C0;   /* information / donors */
  --ngo-blue-light: #E3F2FD;
  --ngo-teal:       #00695C;   /* social impact */
  --ngo-teal-light: #E0F2F1;

  /* ── Risk matrix colours (light mode) ── */
  --risk-low-bg:        #E8F5E9;
  --risk-low-text:      #1B5E20;
  --risk-low-border:    #2E7D32;

  --risk-medium-bg:     #FFFDE7;
  --risk-medium-text:   #F57F17;
  --risk-medium-border: #F9A825;

  --risk-high-bg:       #FFF3E0;
  --risk-high-text:     #BF360C;
  --risk-high-border:   #E65100;

  --risk-critical-bg:   #FFEBEE;
  --risk-critical-text: #B71C1C;
  --risk-critical-border:#C62828;

  /* ── Light theme ── */
  --bg-app:         #F0F4F8;
  --bg-card:        #FFFFFF;
  --bg-header:      #FFFFFF;
  --bg-sidebar:     #FFFFFF;
  --bg-filter:      #FFFFFF;
  --bg-table-even:  #F9FAFB;
  --bg-table-odd:   #FFFFFF;
  --bg-modal:       rgba(0,0,0,.45);

  --text-primary:   #1A1A2E;
  --text-secondary: #546E7A;
  --text-muted:     #90A4AE;
  --text-inverse:   #FFFFFF;

  --border:         #E2E8F0;
  --border-focus:   #2E7D32;
  --shadow-sm:      0 2px 8px rgba(0,0,0,.06);
  --shadow-md:      0 4px 20px rgba(0,0,0,.09);
  --shadow-lg:      0 8px 32px rgba(0,0,0,.12);

  --card-radius:    14px;
  --btn-radius:     8px;
  --input-radius:   8px;

  --font-family:    'Inter', 'Segoe UI', system-ui, sans-serif;
  --font-mono:      'JetBrains Mono', 'Consolas', monospace;

  /* ── KPI semaphore ── */
  --kpi-green-bg:     #E8F5E9;
  --kpi-green-border: #2E7D32;
  --kpi-green-text:   #1B5E20;
  --kpi-yellow-bg:    #FFFDE7;
  --kpi-yellow-border:#F9A825;
  --kpi-yellow-text:  #E65100;
  --kpi-red-bg:       #FFEBEE;
  --kpi-red-border:   #C62828;
  --kpi-red-text:     #B71C1C;
  --kpi-neutral-bg:   #F5F5F5;
  --kpi-neutral-border:#B0BEC5;
  --kpi-neutral-text: #546E7A;

  /* ── Status badges ── */
  --success-bg:   #E8F5E9;
  --success-text: #2E7D32;
  --warning-bg:   #FFF3E0;
  --warning-text: #E65100;
  --danger-bg:    #FFEBEE;
  --danger-text:  #C62828;
  --info-bg:      #E3F2FD;
  --info-text:    #1565C0;

  /* ── Transitions ── */
  --transition:      0.2s ease;
  --transition-slow: 0.4s ease;
}

/* ── Dark theme ── */
body.dark {
  /* NGO-specific overrides */
  --ngo-blue-light: #0D1B2E;
  --ngo-teal-light: #0A1F1C;

  --risk-low-bg:        #1B2E1C;
  --risk-low-text:      #81C784;
  --risk-low-border:    #4CAF50;

  --risk-medium-bg:     #2E2910;
  --risk-medium-text:   #FFD54F;
  --risk-medium-border: #F9A825;

  --risk-high-bg:       #2E1E0A;
  --risk-high-text:     #FFAB76;
  --risk-high-border:   #FF7043;

  --risk-critical-bg:   #2E1313;
  --risk-critical-text: #EF9A9A;
  --risk-critical-border:#EF5350;

  /* Shared overrides */
  --bg-app:         #0F1117;
  --bg-card:        #1A1D2E;
  --bg-header:      #13151F;
  --bg-sidebar:     #13151F;
  --bg-filter:      #1A1D2E;
  --bg-table-even:  #1E2132;
  --bg-table-odd:   #1A1D2E;
  --bg-modal:       rgba(0,0,0,.70);

  --text-primary:   #E8ECF0;
  --text-secondary: #90A4AE;
  --text-muted:     #607D8B;
  --text-inverse:   #FFFFFF;

  --border:         #2A2D3E;
  --border-focus:   #66BB6A;
  --shadow-sm:      0 2px 8px rgba(0,0,0,.3);
  --shadow-md:      0 4px 20px rgba(0,0,0,.4);
  --shadow-lg:      0 8px 32px rgba(0,0,0,.5);

  --kpi-green-bg:     #1B2E1C;
  --kpi-green-border: #4CAF50;
  --kpi-green-text:   #81C784;
  --kpi-yellow-bg:    #2E2910;
  --kpi-yellow-border:#F9A825;
  --kpi-yellow-text:  #FFD54F;
  --kpi-red-bg:       #2E1313;
  --kpi-red-border:   #EF5350;
  --kpi-red-text:     #EF9A9A;
  --kpi-neutral-bg:   #1E2132;
  --kpi-neutral-border:#455A64;
  --kpi-neutral-text: #90A4AE;

  --success-bg:   #1B2E1C;
  --success-text: #81C784;
  --warning-bg:   #2E2910;
  --warning-text: #FFD54F;
  --danger-bg:    #2E1313;
  --danger-text:  #EF9A9A;
  --info-bg:      #0D1B2E;
  --info-text:    #64B5F6;
}