@use 'sass:map';
@use '../variables' as *;

// Base colors and variables that are used across sections
$base-light-theme: (
  primary: #042c53,
  background: #f1efe8,
  text: #1a1a1a,
  text-muted: #412402,
  active-box-shadow: rgba(4, 44, 83, 0.2),
  hover-box-shadow: rgba(4, 44, 83, 0.15),
  gradient-primary: #042c53,
  gradient-text: $gradient-text-light,

  // Shadow variables
  box-shadow-sm: #{$shadow-sm},
  box-shadow-md: #{$shadow-md},
  box-shadow-lg: #{$shadow-lg},

  // Common card shadows
  shadow-card: #{$shadow-card},
  shadow-card-hover: #{$shadow-card-hover},
  shadow-card-lg: #{$shadow-card-lg},
  shadow-button: #{$shadow-button},

  // Common spacing and sizing
  card-border-radius: #{$card-border-radius},
  card-padding: #{$card-padding},
  card-padding-sm: #{$card-padding-sm},
  card-gap: #{$card-gap},
  card-gap-sm: #{$card-gap-sm},

  // Transitions
  transition-default: #{$transition-default},
  transition-fast: #{$transition-fast},

  // Form and text variables
  form-background: #ffffff,
  form-border: rgba(4, 44, 83, 0.15),
  text-primary: #1a1a1a,
  text-secondary: #412402,
  primary-color: #042c53,

  // Contact status colors (light theme)
  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,

  // Additional missing variables
  box-shadow-hover: rgba(4, 44, 83, 0.15),
  bg-primary: #ffffff,
  bg-secondary: #f1efe8,
  border-color: rgba(4, 44, 83, 0.15),
  // Design system semantic tokens
  surface: #ffffff,
  border: rgba(4, 44, 83, 0.15),
  secondary: #0c447c,
);

$base-dark-theme: (
  primary: #e6f1fb,
  background: #021829,
  text: #e6f1fb,
  text-muted: #b5d4f4,
  active-box-shadow: rgba(230, 241, 251, 0.1),
  hover-box-shadow: rgba(230, 241, 251, 0.15),
  gradient-primary: #ef9f27,
  gradient-text: $gradient-text-dark,

  // Shadow variables
  box-shadow-sm: #{$shadow-sm},
  box-shadow-md: #{$shadow-md},
  box-shadow-lg: #{$shadow-lg},

  // Common card shadows (adjusted for dark theme)
  shadow-card: 0 4px 6px -1px rgba(0, 0, 0, 0.3),
  shadow-card-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.3),
  shadow-card-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.3),
  shadow-button: 0 4px 6px -1px rgba(0, 0, 0, 0.3),
  // Common spacing and sizing
  card-border-radius: #{$card-border-radius},
  card-padding: #{$card-padding},
  card-padding-sm: #{$card-padding-sm},
  card-gap: #{$card-gap},
  card-gap-sm: #{$card-gap-sm},

  // Transitions
  transition-default: #{$transition-default},
  transition-fast: #{$transition-fast},

  // Form and text variables (dark theme)
  form-background: #042c53,
  form-border: rgba(230, 241, 251, 0.15),
  text-primary: #e6f1fb,
  text-secondary: #b5d4f4,
  primary-color: #ef9f27,

  // Contact status colors (dark theme)
  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,

  // Additional missing variables (dark theme)
  box-shadow-hover: rgba(239, 159, 39, 0.15),
  bg-primary: #021829,
  bg-secondary: #042c53,
  border-color: rgba(230, 241, 251, 0.12),
  // Design system semantic tokens
  surface: #042c53,
  border: rgba(230, 241, 251, 0.12),
  secondary: #b5d4f4,
);
