// Base color variables
$orange-primary: #ea580c;
$orange-secondary: #fb923c;
$orange-light: #fed7aa;
$orange-dark: #6f2406;
$orange-darker: #431407; // Darker than $orange-dark for better contrast

$red-primary: #dc2626;
$red-secondary: #b91c1c;
$red-light: #f87171;
$red-lighter: #fecaca;
$red-darker: #7f1d1d; // Darker red variant

$gray-50: #f9fafb;
$gray-100: #f3f4f6;
$gray-200: #e5e7eb;
$gray-300: #d1d5db;
$gray-400: #9ca3af;
$gray-500: #6b7280;
$gray-600: #4b5563;
$gray-700: #374151;
$gray-800: #1f2937;
$gray-900: #111827;

$white: #ffffff;
$black: #000000;

// Background colors
$bg-light-start: #e0e7ef;
$bg-light-end: #bae6fd;
$card-light-start: #ffffff;
$card-light-end: #fefefe;

// Dark theme specific colors - extracted from hardcoded values
$brown-primary: #7c2d12; // rgba(124, 45, 18, 1) converted to hex
$brown-secondary: #991b1b; // rgba(127, 29, 29, 1) converted to hex

// Alpha values
$alpha-overlay-light: 0.6;
$alpha-overlay-dark: 0.7;
$alpha-border-light: 0.1;
$alpha-border-medium: 0.2;
$alpha-border-heavy: 0.3;
$alpha-bg-light: 0.9;
$alpha-bg-medium: 0.3;
$alpha-bg-high: 0.8; // Added for tech badges

// Shadow values
$shadow-light: 0 4px 6px -1px rgba($black, 0.1);
$shadow-light-hover: 0 20px 25px -5px rgba($black, 0.1);
$shadow-dark: 0 4px 6px -1px rgba($black, 0.3);
$shadow-dark-hover: 0 20px 25px -5px rgba($black, 0.4);

// WCAG AAA compliant text colors
$text-aaa-light: $gray-900; // #111827 - ensures AAA contrast on light backgrounds
$text-aaa-dark: $white; // #ffffff - ensures AAA contrast on dark backgrounds

$projects-light-theme: (
  // Projects section background
  'projects-background': #ffffff,
  'gradient-projects-title': #042c53,
  'projects-card-background': #ffffff,
  'projects-card-border': rgba(4, 44, 83, 0.12),
  'projects-card-shadow': $shadow-light,
  'projects-card-shadow-hover': $shadow-light-hover,
  'projects-overlay-background': rgba(0, 0, 0, 0.6),
  'projects-button-primary-bg': #042c53,
  'projects-button-primary-text': #e6f1fb,
  'projects-button-primary-border': rgba(4, 44, 83, 0.3),
  'projects-button-primary-hover-bg': #0c447c,
  'projects-button-secondary-bg': #ffffff,
  'projects-button-secondary-text': #042c53,
  'projects-button-secondary-border': rgba(4, 44, 83, 0.2),
  'projects-button-secondary-hover-bg': #f1efe8,
  'projects-tech-badge-bg': #f1efe8,
  'projects-tech-badge-text': #042c53,
  'projects-tech-badge-border': rgba(4, 44, 83, 0.15)
);

$projects-dark-theme: (
  'projects-background': #0c447c,
  'gradient-projects-title': #e6f1fb,
  'projects-card-background': rgba(12, 68, 124, 0.6),
  'projects-card-border': rgba(230, 241, 251, 0.12),
  'projects-card-shadow': $shadow-dark,
  'projects-card-shadow-hover': $shadow-dark-hover,
  'projects-overlay-background': rgba(0, 0, 0, 0.7),
  'projects-button-primary-bg': #ef9f27,
  'projects-button-primary-text': #042c53,
  'projects-button-primary-border': rgba(239, 159, 39, 0.3),
  'projects-button-primary-hover-bg': #ba7517,
  'projects-button-secondary-bg': rgba(12, 68, 124, 0.8),
  'projects-button-secondary-text': #e6f1fb,
  'projects-button-secondary-border': rgba(230, 241, 251, 0.3),
  'projects-button-secondary-hover-bg': rgba(4, 44, 83, 0.9),
  'projects-tech-badge-bg': rgba(4, 44, 83, 0.8),
  'projects-tech-badge-text': #e6f1fb,
  'projects-tech-badge-border': rgba(230, 241, 251, 0.2),
);
