// Base color variables
$indigo-primary: #4f46e5;
$indigo-secondary: #3c0d9c;
$indigo-light: #6366f1;
$indigo-lighter: #a5b4fc;

$purple-primary: #a855f7;
$purple-secondary: #7c3aed;

$blue-primary: #2563eb;
$blue-secondary: #3730a3;
$blue-light: #3b82f6;
$blue-lighter: #60a5fa;
$blue-dark: #1d4ed8;
$blue-darker: #312e81;

$orange-primary: #f59e0b;
$orange-secondary: #d97706;
$orange-light: #fbbf24;
$orange-lighter: #fed7aa;
$orange-lightest: #fef7ed;
$orange-dark: #92400e;
$orange-darker: #78350f;
$orange-darkest: #451a03;

$amber-primary: #fef3c7;
$amber-secondary: #a16207;
$amber-light: #ca8a04;

$green-primary: #059669;
$green-secondary: #047857;
$green-light: #10b981;
$green-lighter: #6ee7b7;
$green-lightest: #d1fae5;

$red-primary: #dc2626;
$red-secondary: #b91c1c;
$red-light: #f87171;
$red-lighter: #fca5a5;
$red-lightest: #fee2e2;

// Neutral gray colors - extracted from hardcoded values
$gray-neutral-dark: #374151; // Contact input bg dark theme
$gray-neutral-medium: #1f2937; // Social bg dark theme
$gray-neutral-light: #6b7280; // Text muted light theme
$gray-neutral-lighter: #9ca3af; // Input placeholder dark theme
$gray-neutral-lightest: #d1d5db; // Text muted dark theme

// Text colors - extracted from hardcoded values
$text-input-placeholder-light: #484c56; // Input placeholder light theme

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

// Background colors
$contact-bg-light-start: #e0e7ef;
$contact-bg-light-end: #91c5e0;

// Alpha values
$alpha-low: 0.15;
$alpha-border-light: 0.2;
$alpha-border-medium: 0.3;
$alpha-border-heavy: 0.4;

// Shadow values
$shadow-light: 0 10px 15px -3px rgba($black, 0.1);
$shadow-dark: 0 10px 15px -3px rgba($black, 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

$contact-light-theme: (
  // Contact section background (light indigo/purple tones)
  'contact-background': #f1efe8,
  'gradient-contact-title': #042c53,
  'color-contact-primary': #042c53,

  'contact-form-bg': #ffffff,
  'contact-form-border': rgba(4, 44, 83, 0.15),
  'contact-form-shadow': $shadow-light,

  'contact-input-bg': #f1efe8,
  'contact-input-border': rgba(4, 44, 83, 0.2),
  'contact-input-focus-ring': rgba(4, 44, 83, 0.3),
  'contact-input-text': #1a1a1a,
  'contact-input-placeholder': #412402,

  'contact-button-bg': #042c53,
  'contact-button-text': #e6f1fb,
  'contact-button-hover-bg': #0c447c,

  'contact-social-bg': #f1efe8,
  'contact-social-text': #042c53,
  'contact-social-border': rgba(4, 44, 83, 0.15),
  'contact-social-hover-bg': #e6f1fb,
  'contact-social-hover-border': #0c447c,

  'contact-status-success-bg': #d1fae5,
  'contact-status-success-border': #10b981,
  'contact-status-success-text': #065f46,
  'contact-status-error-bg': #fee2e2,
  'contact-status-error-border': #ef4444,
  'contact-status-error-text': #991b1b,

  'color-text': #1a1a1a,
  'color-text-muted': #412402,
  'primary-color': #042c53,
  'text-primary': #1a1a1a,
  'text-secondary': #412402,

  'social-icon-email': #042c53,
  'social-icon-github': #042c53,
  'social-icon-linkedin': #042c53
);

$contact-dark-theme: (
  'contact-background': #021829,
  'gradient-contact-title': #e6f1fb,
  'color-contact-primary': #ef9f27,

  'contact-form-bg': #042c53,
  'contact-form-border': rgba(230, 241, 251, 0.12),
  'contact-form-shadow': $shadow-dark,

  'contact-input-bg': #042c53,
  'contact-input-border': rgba(230, 241, 251, 0.2),
  'contact-input-focus-ring': rgba(239, 159, 39, 0.3),
  'contact-input-text': #e6f1fb,
  'contact-input-placeholder': #b5d4f4,

  'contact-button-bg': #ef9f27,
  'contact-button-text': #042c53,
  'contact-button-hover-bg': #fac775,

  'contact-social-bg': #042c53,
  'contact-social-text': #e6f1fb,
  'contact-social-border': rgba(239, 159, 39, 0.3),
  'contact-social-hover-bg': #0c447c,
  'contact-social-hover-border': #ef9f27,

  'contact-status-success-bg': rgba(4, 44, 83, 0.5),
  'contact-status-success-border': #ef9f27,
  'contact-status-success-text': #fac775,
  'contact-status-error-bg': rgba(127, 29, 29, 0.3),
  'contact-status-error-border': #dc2626,
  'contact-status-error-text': #fecaca,

  'color-text': #e6f1fb,
  'color-text-muted': #b5d4f4,
  'primary-color': #ef9f27,
  'text-primary': #e6f1fb,
  'text-secondary': #b5d4f4,

  'social-icon-email': #e6f1fb,
  'social-icon-github': #e6f1fb,
  'social-icon-linkedin': #e6f1fb,
);
