:root {
  --primary-50: #e7f5f2;
  --primary-100: #b6dfd6;
  --primary-300: #60baa7;
  --primary-500: #0f6a57;
  --primary-600: #0c5b49;

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

  --grey-0: #ffffff;
  --grey-25: #f6f8fa;
  --grey-50: #eceff3;
  --grey-100: #dfe1e7;
  --grey-200: #c1c7d0;
  --grey-300: #a4acb9;
  --grey-400: #667085;
  --grey-500: #666d80;
  --grey-600: #36394a;
  --grey-700: #4b5563;
  --grey-800: #1a1b25;
  --grey-900: #0d0d12;

  --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: #efe6fd;
  --gradient-start: rgba(231, 245, 242, 0.48);
  --gradient-end: rgba(231, 245, 242, 0);
}