/* Shared + Admin Console / Influencer Dashboard colours, neutrals, status, tags.
   Verbatim from frontend/src/styles/global.css. Never hardcode a hex in a component. */
:root {
  /* Indigo — Admin Console & Influencer Dashboard primary */
  --primary:          #4f46e5;
  --primary-hover:    #4338ca;
  --primary-tint:     #eef2ff;
  --primary-text:     #4338ca;

  /* Semantic (shared with the Customer Portal) */
  --success:          #16a34a;
  --success-hover:    #15803d;
  --success-tint:     #dcfce7;
  --success-text:     #15803d;
  --amber:            #b45309;
  --amber-tint:       #fef3c7;
  --info:             #0ea5e9;
  --info-tint:        #e0f2fe;
  --purple:           #7c3aed;
  --purple-tint:      #f3e8ff;
  --danger:           #dc2626;
  --danger-tint:      #fef2f2;

  /* Neutrals */
  --page-bg:          #f1f5f9;
  --surface:          #ffffff;
  --border:           #e2e8f0;
  --border-hover:     #cbd5e1;
  --ink:              #111827;
  --ink-2:            #374151;
  --text-dark:        #0f172a;
  --text-body:        #1e293b;
  --text-muted:       #64748b;
  --text-faint:       #94a3b8;
  --gray-100:         #f3f4f6;
  --gray-200:         #e5e7eb;
  --gray-300:         #d1d5db;
  --gray-400:         #9ca3af;
  --gray-500:         #6b7280;
  --table-header-bg:  #f8fafc;

  /* Dark sidebar (Admin Console) */
  --sidebar-bg:       #0f172a;
  --sidebar-text:     #cbd5e1;
  --sidebar-muted:    #64748b;
  --sidebar-active-bg:   rgba(99, 102, 241, 0.18);
  --sidebar-active-text: #818cf8;

  /* Status badges */
  --status-active-bg:   #dcfce7;
  --status-active-text: #15803d;
  --status-paused-bg:   #f1f5f9;
  --status-paused-text: #94a3b8;
  --status-new-bg:      #dcfce7;
  --status-new-text:    #15803d;

  /* Payout-model tags */
  --tag-percent-bg:   #f3e8ff;  --tag-percent-text:  #7c3aed;
  --tag-fixed-bg:     #fef3c7;  --tag-fixed-text:    #b45309;
  --tag-per-conv-bg:  #e0f2fe;  --tag-per-conv-text: #0369a1;
  --tag-points-bg:    #dbeafe;  --tag-points-text:   #1d4ed8;
}