$services-light-theme: (
  // Services section colors - Tailwind inspired
  services-background: linear-gradient(135deg, #e0e7ef 0%, #91c5e0 100%),
  gradient-services-title: linear-gradient(90deg, #0f172a, #1e293b, #334155),
  // Service card colors using Tailwind color palette
  service-card-primary-bg: linear-gradient(135deg, #dbeafe, #bfdbfe),
  // blue-100 to blue-200
  service-card-secondary-bg: linear-gradient(135deg, #dcfce7, #bbf7d0),
  // green-100 to green-200
  service-card-tertiary-bg: linear-gradient(135deg, #e9d5ff, #ddd6fe),
  // violet-100 to violet-200
  service-card-quaternary-bg: linear-gradient(135deg, #ccfbf1, #99f6e4),
  // teal-100 to teal-200
  service-card-quinary-bg: linear-gradient(135deg, #fed7aa, #fdba74),
  // orange-200 to orange-300
  service-card-senary-bg: linear-gradient(135deg, #fecaca, #fca5a5),
  // red-200 to red-300
  service-icon-primary: #2563eb,
  // blue-600
  service-icon-secondary: #16a34a,
  // green-600
  service-icon-tertiary: #7c3aed,
  // violet-600
  service-icon-quaternary: #0d9488,
  // teal-600
  service-icon-quinary: #ea580c,
  // orange-600
  service-icon-senary: #dc2626,

  // red-600
  service-title-primary: #1e40af,
  // blue-700
  service-title-secondary: #166534,
  // green-700
  service-title-tertiary: #6d28d9,
  // violet-700
  service-title-quaternary: #0f766e,
  // teal-700
  service-title-quinary: #c2410c,
  // orange-700
  service-title-senary: #b91c1c,

  // red-700
  service-description-primary: #1d4ed8,
  // blue-700
  service-description-secondary: #15803d,
  // green-700
  service-description-tertiary: #5b21b6,
  // violet-800
  service-description-quaternary: #115e59,
  // teal-800
  service-description-quinary: #9a3412,
  // orange-800
  service-description-senary: #991b1b,
  // red-800
);

$services-dark-theme: (
  // Services section colors - Dark mode with Tailwind palette
  services-background: linear-gradient(135deg, #78350f 0%, #a78bfa 100%),
  gradient-services-title: linear-gradient(90deg, #f1f5f9, #e2e8f0, #cbd5e1),
  // Service card colors for dark theme - using Tailwind dark colors
  service-card-primary-bg:
    linear-gradient(135deg, rgba(30, 58, 138, 0.3), rgba(37, 99, 235, 0.2)),
  // blue-800/30 to blue-600/20
  service-card-secondary-bg:
    linear-gradient(135deg, rgba(22, 101, 52, 0.3), rgba(34, 197, 94, 0.2)),
  // green-800/30 to green-500/20
  service-card-tertiary-bg:
    linear-gradient(135deg, rgba(91, 33, 182, 0.3), rgba(124, 58, 237, 0.2)),
  // violet-800/30 to violet-600/20
  service-card-quaternary-bg:
    linear-gradient(135deg, rgba(17, 94, 89, 0.3), rgba(20, 184, 166, 0.2)),
  // teal-800/30 to teal-500/20
  service-card-quinary-bg:
    linear-gradient(135deg, rgba(154, 52, 18, 0.3), rgba(249, 115, 22, 0.2)),
  // orange-800/30 to orange-500/20
  service-card-senary-bg:
    linear-gradient(135deg, rgba(153, 27, 27, 0.3), rgba(239, 68, 68, 0.2)),
  // red-800/30 to red-500/20
  service-icon-primary: #60a5fa,
  // blue-400
  service-icon-secondary: #4ade80,
  // green-400
  service-icon-tertiary: #a78bfa,
  // violet-400
  service-icon-quaternary: #2dd4bf,
  // teal-400
  service-icon-quinary: #fb923c,
  // orange-400
  service-icon-senary: #f87171,

  // red-400
  service-title-primary: #93c5fd,
  // blue-300
  service-title-secondary: #86efac,
  // green-300
  service-title-tertiary: #c4b5fd,
  // violet-300
  service-title-quaternary: #5eead4,
  // teal-300
  service-title-quinary: #fdba74,
  // orange-300
  service-title-senary: #fca5a5,

  // red-300
  service-description-primary: #bfdbfe,
  // blue-200
  service-description-secondary: #bbf7d0,
  // green-200
  service-description-tertiary: #ddd6fe,
  // violet-200
  service-description-quaternary: #99f6e4,
  // teal-200
  service-description-quinary: #fed7aa,
  // orange-200
  service-description-senary: #fecaca,
  // red-200
);
