:root {
  --lc-teal-500: #23B8A6;
  --lc-teal-600: #1A9E8E;
  --lc-teal-400: #4ED4C4;
  --lc-teal-300: #6FE2D0;
  
  --lc-orange-500: #FF6B35;
  --lc-orange-400: #FF8C5A;
  
  --lc-green-500: #00B42A;
  --lc-green-600: #009F24;
  --lc-green-400: #23CFC9;
  --lc-green-300: #34D399;
  
  --lc-blue-500: #1677FF;
  --lc-blue-600: #0E66E8;
  --lc-blue-400: #4096FF;
  
  --lc-red-500: #F53F3F;
  --lc-red-600: #E02E2E;
  --lc-red-400: #FF6B6B;
  --lc-red-300: #FF7875;
  
  --lc-amber-500: #FF7D00;
  --lc-amber-600: #E67000;
  --lc-amber-400: #FFAA00;
  
  --lc-gray-500: #86909C;
  --lc-gray-600: #707984;
  --lc-gray-400: #B4BBC4;
  --lc-gray-300: #A6AABB;
  
  --lc-platform-primary: #1E3A5F;
  --lc-platform-primary-light: #2C5282;
  --lc-platform-accent: #E67E22;
  --lc-platform-accent-light: #F39C12;
  --lc-platform-bg-start: #1A2942;
  --lc-platform-bg-mid: #2C5282;
  --lc-platform-bg-end: #EBF4FF;

  --lc-primary: var(--lc-teal-500);
  --lc-primary-dark: var(--lc-teal-600);
  --lc-primary-light: var(--lc-teal-400);
  --lc-secondary: var(--lc-orange-500);
  --lc-secondary-light: var(--lc-orange-400);
  
  --lc-danger: var(--lc-red-500);
  --lc-danger-dark: var(--lc-red-600);
  --lc-danger-light: var(--lc-red-400);
  
  --lc-success: var(--lc-green-500);
  --lc-success-dark: var(--lc-green-600);
  --lc-success-light: var(--lc-green-400);
  
  --lc-info: var(--lc-blue-500);
  --lc-info-dark: var(--lc-blue-600);
  --lc-info-light: var(--lc-blue-400);
  
  --lc-warning: var(--lc-amber-500);
  --lc-warning-dark: var(--lc-amber-600);
  --lc-warning-light: var(--lc-amber-400);
  
  --lc-text-muted: var(--lc-gray-500);
  --lc-text-secondary: var(--lc-gray-600);
  --lc-text-primary: #333333;
  --lc-surface: #FFFFFF;
  --lc-surface-muted: #F5F5F5;
  --lc-border-muted: #EEEEEE;
  --lc-overlay-bg: rgba(112, 121, 132, 0.72);
  --lc-shadow-soft: rgba(0, 0, 0, 0.06);
  --lc-shadow-modal: rgba(0, 0, 0, 0.16);
  
  --lc-header-bg: linear-gradient(135deg, var(--lc-teal-500) 0%, var(--lc-teal-600) 100%);
  --lc-header-bg-platform: linear-gradient(135deg, var(--lc-platform-primary) 0%, var(--lc-platform-primary-light) 100%);
  
  --lc-btn-primary-bg: linear-gradient(135deg, var(--lc-teal-500) 0%, var(--lc-teal-600) 100%);
  --lc-btn-secondary-bg: linear-gradient(135deg, var(--lc-orange-500) 0%, var(--lc-orange-400) 100%);
  --lc-btn-danger-bg: linear-gradient(90deg, var(--lc-red-500) 0%, var(--lc-red-400) 100%);
  --lc-btn-info-bg: linear-gradient(90deg, var(--lc-blue-500) 0%, var(--lc-blue-400) 100%);
  --lc-btn-success-bg: linear-gradient(90deg, var(--lc-green-500) 0%, var(--lc-green-400) 100%);
  --lc-btn-warning-bg: linear-gradient(90deg, var(--lc-amber-500) 0%, var(--lc-amber-400) 100%);
  --lc-btn-default-bg: linear-gradient(90deg, var(--lc-gray-500) 0%, var(--lc-gray-300) 100%);
  
  --lc-card-volunteer-bg: linear-gradient(135deg, var(--lc-green-500) 0%, var(--lc-green-300) 100%);
  --lc-card-neighbor-bg: linear-gradient(135deg, var(--lc-orange-500) 0%, var(--lc-orange-400) 100%);
  --lc-card-donate-bg: linear-gradient(135deg, var(--lc-amber-500) 0%, var(--lc-amber-400) 100%);
  --lc-card-help-bg: linear-gradient(135deg, var(--lc-blue-500) 0%, var(--lc-blue-400) 100%);
  --lc-card-cert-bg: linear-gradient(135deg, var(--lc-green-500) 0%, var(--lc-green-400) 100%);
  --lc-card-action-bg: linear-gradient(135deg, var(--lc-teal-500) 0%, var(--lc-orange-500) 100%);
  
  --lc-profile-cover-bg: linear-gradient(135deg, var(--lc-teal-500) 0%, var(--lc-teal-400) 50%, var(--lc-teal-300) 100%);
  --lc-profile-avatar-bg: linear-gradient(135deg, var(--lc-orange-500) 0%, var(--lc-orange-400) 100%);
  
  --lc-badge-volunteer-bg: rgba(var(--lc-green-500), 0.15);
  --lc-badge-volunteer-color: var(--lc-green-500);
  --lc-badge-neighbor-bg: rgba(var(--lc-orange-500), 0.15);
  --lc-badge-neighbor-color: var(--lc-orange-500);
  
  --lc-section-red-bg: linear-gradient(135deg, var(--lc-red-500) 0%, var(--lc-red-600) 100%);
  --lc-section-blue-bg: linear-gradient(135deg, var(--lc-blue-500) 0%, var(--lc-blue-600) 100%);
  --lc-section-green-bg: linear-gradient(135deg, var(--lc-green-500) 0%, var(--lc-green-600) 100%);
  --lc-section-gray-bg: linear-gradient(135deg, var(--lc-gray-500) 0%, var(--lc-gray-600) 100%);
  --lc-section-amber-bg: linear-gradient(135deg, var(--lc-amber-500) 0%, var(--lc-amber-600) 100%);
  
  --lc-stat-line-1: linear-gradient(90deg, var(--lc-orange-500), var(--lc-orange-400));
  --lc-stat-line-2: linear-gradient(90deg, var(--lc-blue-500), var(--lc-blue-400));
  --lc-stat-line-3: linear-gradient(90deg, var(--lc-green-500), var(--lc-green-400));
  --lc-stat-line-4: linear-gradient(90deg, var(--lc-teal-500), var(--lc-teal-600));
  
  --lc-gradient-multi: linear-gradient(90deg, var(--lc-teal-500), var(--lc-orange-500), var(--lc-blue-500), var(--lc-green-500));
  --lc-gradient-primary-secondary: linear-gradient(135deg, var(--lc-teal-500) 0%, var(--lc-orange-500) 100%);
  
  --lc-border-focus: var(--lc-teal-500);
  
  --lc-message-header-bg: linear-gradient(135deg, var(--lc-blue-500) 0%, var(--lc-blue-400) 100%);
  --lc-feedback-header-bg: linear-gradient(135deg, var(--lc-orange-500) 0%, var(--lc-orange-400) 100%);
  
  --lc-loading-bg: linear-gradient(90deg, var(--lc-teal-500), transparent);
  
  --lc-task-urgent: var(--lc-red-500);
  --lc-task-normal: var(--lc-green-500);
  
  --lc-status-active: var(--lc-green-500);
  --lc-status-inactive: var(--lc-red-500);
  
  --lc-price-color: var(--lc-red-500);
  
  --lc-course-tag: var(--lc-blue-500);
  --lc-material-tag: var(--lc-red-500);
  --lc-volunteer-tag: var(--lc-green-500);
  
  --lc-pagination-active: var(--lc-teal-500);
  
  --lc-required-color: var(--lc-red-500);

  --holiday-primary: var(--lc-teal-500);
  --holiday-primary-dark: var(--lc-teal-600);
  --holiday-secondary: var(--lc-orange-500);
  --holiday-accent: var(--lc-teal-500);
  --holiday-bg-gradient: linear-gradient(135deg, var(--lc-teal-500) 0%, var(--lc-teal-600) 100%);
  --holiday-header-bg: linear-gradient(135deg, var(--lc-teal-500) 0%, var(--lc-teal-600) 100%);
  --holiday-text-color: #FFFFFF;
  --holiday-decoration: '🌟';
  --holiday-bg-image: linear-gradient(rgba(35, 184, 166, 0.05), rgba(26, 158, 142, 0.02));
}

:root[data-holiday] {
  --lc-primary: var(--holiday-primary);
  --lc-primary-dark: var(--holiday-primary-dark);
  --lc-secondary: var(--holiday-secondary);
  --lc-header-bg: var(--holiday-header-bg);
  --lc-btn-primary-bg: var(--holiday-bg-gradient);
}
