// ================================
// Color Variables - Change once, use everywhere
// ================================

// Light theme colors
$light-primary-color: #0f172a; // Much darker blue (was #18338c)
$light-secondary-color: #0f2419; // Much darker green (was #13582e)
$light-tertiary-color: #2d1b69; // Much darker purple (was #551fad)
$light-quaternary-color: #042f2e; // Much darker teal (was #073c39)
$light-quinary-color: #451a01; // Much darker orange (was #6f2406)
$light-senary-color: #7f1d1d; // Much darker red (was #b91c1c)

// Alternative: Use neutral dark colors for guaranteed AAA compliance
$light-text-primary: #111827; // Near black
$light-text-secondary: #1f2937; // Dark gray
$light-text-tertiary: #374151; // Medium dark gray

// Dark theme colors
$dark-primary-icon: #dbeafe;
$dark-secondary-icon: #dcfce7;
$dark-tertiary-icon: #e9d5ff;
$dark-quaternary-icon: #ccfbf1;
$dark-quinary-icon: #fed7aa;
$dark-senary-icon: #fecaca;

$dark-primary-title: #93c5fd;
$dark-secondary-title: #86efac;
$dark-tertiary-title: #c4b5fd;
$dark-quaternary-title: #5eead4;
$dark-quinary-title: #fdba74;
$dark-senary-title: #fca5a5;

$dark-description-color: #ffffff; // Pure white instead of #f1f5f9 // Universal description color for dark theme

// Background gradients
$light-services-bg: linear-gradient(135deg, #e0e7ef 0%, #91c5e0 100%);
$dark-services-bg: linear-gradient(135deg, #78350f 0%, #a78bfa 100%);

$light-title-gradient: linear-gradient(90deg, #0f172a, #1e293b, #334155);
$dark-title-gradient: linear-gradient(90deg, #f1f5f9, #e2e8f0, #cbd5e1);

// Card background gradients
$light-card-primary-bg: linear-gradient(
  135deg,
  #f8fafc,
  #f1f5f9
); // Lighter backgrounds
$light-card-secondary-bg: linear-gradient(135deg, #f9fafb, #f3f4f6);
$light-card-tertiary-bg: linear-gradient(135deg, #faf9ff, #f5f3ff);
$light-card-quaternary-bg: linear-gradient(135deg, #f0fdfa, #ecfdf5);
$light-card-quinary-bg: linear-gradient(135deg, #fffbeb, #fef3c7);
$light-card-senary-bg: linear-gradient(135deg, #fef2f2, #fee2e2);

$dark-card-primary-bg: linear-gradient(
  135deg,
  rgba(30, 58, 138, 0.6),
  rgba(37, 99, 235, 0.5)
);
$dark-card-secondary-bg: linear-gradient(
  135deg,
  rgba(22, 101, 52, 0.6),
  rgba(34, 197, 94, 0.5)
);
$dark-card-tertiary-bg: linear-gradient(
  135deg,
  rgba(91, 33, 182, 0.6),
  rgba(124, 58, 237, 0.5)
);
$dark-card-quaternary-bg: linear-gradient(
  135deg,
  rgba(17, 94, 89, 0.6),
  rgba(20, 184, 166, 0.5)
);
$dark-card-quinary-bg: linear-gradient(
  135deg,
  rgba(154, 52, 18, 0.6),
  rgba(249, 115, 22, 0.5)
);
$dark-card-senary-bg: linear-gradient(
  135deg,
  rgba(153, 27, 27, 0.6),
  rgba(239, 68, 68, 0.5)
);

// ================================
// Theme Maps - Using variables above
// ================================

$services-light-theme: (
  // Section backgrounds
  services-background: $light-services-bg,
  gradient-services-title: $light-title-gradient,

  // Card backgrounds
  service-card-primary-bg: $light-card-primary-bg,
  service-card-secondary-bg: $light-card-secondary-bg,
  service-card-tertiary-bg: $light-card-tertiary-bg,
  service-card-quaternary-bg: $light-card-quaternary-bg,
  service-card-quinary-bg: $light-card-quinary-bg,
  service-card-senary-bg: $light-card-senary-bg,

  // Icons - using same color for consistency
  service-icon-primary: $light-primary-color,
  service-icon-secondary: $light-secondary-color,
  service-icon-tertiary: $light-tertiary-color,
  service-icon-quaternary: $light-quaternary-color,
  service-icon-quinary: $light-quinary-color,
  service-icon-senary: $light-senary-color,

  // Titles - using same color as icons
  service-title-primary: $light-primary-color,
  service-title-secondary: $light-secondary-color,
  service-title-tertiary: $light-tertiary-color,
  service-title-quaternary: $light-quaternary-color,
  service-title-quinary: $light-quinary-color,
  service-title-senary: $light-senary-color,

  // Descriptions - using same color as icons and titles
  service-description-primary: $light-primary-color,
  service-description-secondary: $light-secondary-color,
  service-description-tertiary: $light-tertiary-color,
  service-description-quaternary: $light-quaternary-color,
  service-description-quinary: $light-quinary-color,
  service-description-senary: $light-senary-color
);

$services-dark-theme: (
  // Section backgrounds
  services-background: $dark-services-bg,
  gradient-services-title: $dark-title-gradient,

  // Card backgrounds
  service-card-primary-bg: $dark-card-primary-bg,
  service-card-secondary-bg: $dark-card-secondary-bg,
  service-card-tertiary-bg: $dark-card-tertiary-bg,
  service-card-quaternary-bg: $dark-card-quaternary-bg,
  service-card-quinary-bg: $dark-card-quinary-bg,
  service-card-senary-bg: $dark-card-senary-bg,

  // Icons - using distinct colors for better contrast
  service-icon-primary: $dark-primary-icon,
  service-icon-secondary: $dark-secondary-icon,
  service-icon-tertiary: $dark-tertiary-icon,
  service-icon-quaternary: $dark-quaternary-icon,
  service-icon-quinary: $dark-quinary-icon,
  service-icon-senary: $dark-senary-icon,

  // Titles - using medium contrast colors
  service-title-primary: $dark-primary-title,
  service-title-secondary: $dark-secondary-title,
  service-title-tertiary: $dark-tertiary-title,
  service-title-quaternary: $dark-quaternary-title,
  service-title-quinary: $dark-quinary-title,
  service-title-senary: $dark-senary-title,

  // Descriptions - all using the same high-contrast color
  service-description-primary: $dark-description-color,
  service-description-secondary: $dark-description-color,
  service-description-tertiary: $dark-description-color,
  service-description-quaternary: $dark-description-color,
  service-description-quinary: $dark-description-color,
  service-description-senary: $dark-description-color
);
