:root {
  --primary-grey: #6d6d6d;
  --primary-purple: #9933ff;
  --purple-background: #8e35ff14;
  --primary-bg: #0a0a0a;
  --secondary-bg: #000000;
  --black-bg: #111111;
  --primary-text: #ffffff;
  --primary-text-100: #f3f3f3;
  --secondary-text: #a1a1a1;
  --purple-bg: #a100f250;
  --filled-purple: #8e35ff;
  --filled-purple-100: #8e35ff77;
  --filled-purple-50: #8e35ff50;
  --filled-pink: #c10aad;
  --purple-bg-100: #8e35ff1a;
  --border-color: #ffffff1a;
  --bugbase-green: #10ca00;
  --danger: #ff3e3e;
  --lime-green: #9fef00;
  --status-grey: #1a1a1a;
  --cli-bg: #0a0a0a;
  --navbar-bg: #000000;
  --card-bg: #0a0a0a;
  --input-bg: #ffffff08;

  --table-bg: #d4d4d41a;
  --border-color-100: #ffffff1a;
  --secondary-text-100: #d4d4d41a;
  --primary-purple-100: #a100f21a;
  --danger-100: #cb444a1a;
  --danger-600: #ff3e3e90;
  --bugbase-green-100: #10ca001a;
  --lime-green-100: #9fef001a;
  --lime-green-700: #9fef00b3;
  --orange-700: #ef87515a;
  --orange: #ef8751;
  --yellow-700: #f5d60030;
  --yellow: #f5d600;
  --secondary-text-500: #d4d4d480;
  --placeholder-color: rgba(255, 255, 255, 0.5);
  --text-light: #b4b4b4;
  --primary-grey-600: rgba(255, 255, 255, 0.5);

  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-default: rgba(255, 255, 255, 0.12);
  --surface-hover: rgba(255, 255, 255, 0.04);
  --surface-active: rgba(255, 255, 255, 0.06);

  --transition-fast: 150ms ease;
  --transition-default: 200ms ease;
  --transition-slow: 300ms ease;
}