:root {
  --color-50: 250 250 250;
  --color-100: 230 230 230;
  --color-200: 200 200 200;
  --color-300: 150 150 150;
  --color-400: 100 100 100;
  --color-500: 80 80 80;
  --color-600: 60 60 60;
  --color-700: 40 40 40;
  --color-800: 25 25 25;
  --color-900: 15 15 15;
}

.service-card {
  backdrop-filter: blur(10px);
  background: rgba(30, 30, 30, 0.8) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.service-card:hover {
  border: 1px solid rgba(226, 31, 38, 0.5) !important;
  box-shadow: 0 0 20px rgba(226, 31, 38, 0.2) !important;
}

.widget-container {
  backdrop-filter: blur(10px);
  background: rgba(30, 30, 30, 0.8) !important;
}