:root {
  --primary-50: #eff6ff;
  --primary-100: #bfdbfe;
  --primary-300: #60a5fa;
  --primary-500: #2563eb;
  --primary-600: #1d4ed8;

  --secondary-50: #fef9ec;
  --secondary-300: #f9d57c;
  --secondary-500: #f6c03c;

  --grey-0: #ffffff;
  --grey-25: #f8fafc;
  --grey-50: #eef2f6;
  --grey-100: #dde3ea;
  --grey-200: #c1c7d0;
  --grey-300: #a4acb9;
  --grey-400: #667085;
  --grey-500: #666d80;
  --grey-600: #3b4658;
  --grey-700: #4b5563;
  --grey-800: #1a1b25;
  --grey-900: #0b1220;

  --success-0: #effefa;
  --success-25: #ddf3ef;
  --success-100: #d1fae5;
  --success-200: #28806f;
  --success-600: #059669;
  --success-700: #267666;

  --warning-0: #fff6e0;
  --warning-25: #faedcc;
  --warning-100: #fef3c7;
  --warning-200: #966422;
  --warning-700: #b45309;

  --error-0: #fff0f3;
  --error-25: #fadbe1;
  --error-100: #b91c1c;
  --error-500: #dc2626;
  --error-600: #b21634;

  --info-100: #dbeafe;
  --info-700: #1d4ed8;

  --risk-critical: #dc2626;
  --risk-high: #9a3412;
  --risk-medium: #92400e;
  --risk-low: #16a34a;

  --border-tint: #e0ecff;
  --gradient-start: rgba(239, 246, 255, 0.6);
  --gradient-end: rgba(239, 246, 255, 0);
}