// Base color variables
$blue-primary: #2563eb;
$blue-secondary: #1d4ed8;
$blue-tertiary: #18338c;
$blue-light: #3b82f6;
$blue-lighter: #93c5fd;
$blue-lightest: #dbeafe;
$blue-ultralight: #bfdbfe;
$blue-dark: #1e3a8a;
$blue-darker: #1e40af;

$green-primary: #059669;
$green-secondary: #047857;
$green-tertiary: #13582e;
$green-light: #10b981;
$green-lighter: #34d399;
$green-lightest: #86efac;
$green-ultralight: #dcfce7;
$green-dark: #14532d;
$green-darker: #166534;

$teal-primary: #0d9488;
$teal-secondary: #14b8a6;
$teal-tertiary: #073c39;
$teal-light: #5eead4;
$teal-lighter: #99f6e4;
$teal-lightest: #ccfbf1;
$teal-dark: #115e59;
$teal-darker: #134e4a;

$purple-primary: #9333ea;
$purple-secondary: #551fad;
$purple-tertiary: #3c0d9c;
$purple-light: #a855f7;
$purple-lighter: #c4b5fd;
$purple-lightest: #e9d5ff;
$purple-ultralight: #ddd6fe;
$purple-dark: #581c87;
$purple-darker: #6b21a8;

$orange-primary: #ea580c;
$orange-secondary: #9a3412;
$orange-tertiary: #7c2d12;
$orange-light: #fdba74;
$orange-lighter: #fed7aa;
$orange-dark: #9a3412;
$orange-darker: #7c2d12;

$slate-primary: #1e293b;
$slate-secondary: #334155;

// Background colors
$about-bg-light-start: #e0e7ef;
$about-bg-light-end: #bae6fd;
$about-bg-dark-start: #13582e;
$about-bg-dark-end: #1e293b;

// Alpha values
$alpha-overlay: 0.2;
$alpha-bg-low: 0.3;

// WCAG AAA compliant text colors
$text-aaa-light: #111827; // Near black for AAA contrast on light backgrounds
$text-aaa-dark: #ffffff; // Pure white for AAA contrast on dark backgrounds

$about-light-theme: (
  about-background: #ffffff,
  gradient-about-title: #042c53,
  about-greeting-color: #042c53,
  gradient-image-overlay: rgba(4, 44, 83, 0.1),
  // Skill badge colors
  skill-badge-primary-bg: #e6f1fb,
  skill-badge-primary-text: #042c53,
  skill-badge-secondary-bg: #f1efe8,
  skill-badge-secondary-text: #042c53,
  skill-badge-tertiary-bg: #e6f1fb,
  skill-badge-tertiary-text: #042c53,
  skill-badge-quaternary-bg: #faeeda,
  skill-badge-quaternary-text: #412402,

  // Feature card colors
  feature-card-primary-bg: #f1efe8,
  feature-card-secondary-bg: #ffffff,
  feature-card-tertiary-bg: #f1efe8,
  feature-icon-primary: #042c53,
  feature-icon-secondary: #0c447c,
  feature-icon-tertiary: #ef9f27,

  feature-title-primary: #042c53,
  feature-title-secondary: #042c53,
  feature-title-tertiary: #042c53,
  feature-description-primary: #1a1a1a,
  feature-description-secondary: #1a1a1a,
  feature-description-tertiary: #1a1a1a,
);

$about-dark-theme: (
  about-background: #0c447c,
  gradient-about-title: #e6f1fb,
  about-greeting-color: #e6f1fb,
  gradient-image-overlay: rgba(230, 241, 251, 0.1),
  // Skill badge colors (dark)
  skill-badge-primary-bg: rgba(230, 241, 251, 0.15),
  skill-badge-primary-text: #e6f1fb,
  skill-badge-secondary-bg: rgba(230, 241, 251, 0.1),
  skill-badge-secondary-text: #e6f1fb,
  skill-badge-tertiary-bg: rgba(230, 241, 251, 0.15),
  skill-badge-tertiary-text: #e6f1fb,
  skill-badge-quaternary-bg: rgba(239, 159, 39, 0.15),
  skill-badge-quaternary-text: #ef9f27,

  // Feature card colors (dark)
  feature-card-primary-bg: rgba(12, 68, 124, 0.8),
  feature-card-secondary-bg: rgba(4, 44, 83, 0.9),
  feature-card-tertiary-bg: rgba(12, 68, 124, 0.8),
  feature-icon-primary: #ef9f27,
  feature-icon-secondary: #ef9f27,
  feature-icon-tertiary: #ef9f27,

  feature-title-primary: #e6f1fb,
  feature-title-secondary: #e6f1fb,
  feature-title-tertiary: #e6f1fb,
  feature-description-primary: #b5d4f4,
  feature-description-secondary: #b5d4f4,
  feature-description-tertiary: #b5d4f4,
);
