/**
 * KM Technolabs Design System ? Colors
 * Extracted from corporate brochure
 */

:root {
  /* Brand */
  --primary: #22B07D;
  --primary-dark: #1A8F65;
  --primary-light: #3DC492;
  --primary-soft: #E8F8F2;
  --primary-mint: #86C9A9;

  --secondary: #4B4F7F;
  --secondary-dark: #3A3E66;
  --secondary-light: #5E6394;
  --secondary-soft: #EEEFF5;

  --accent: #4B6FA8;
  --accent-soft: #E8EEF6;

  /* Surfaces */
  --background: #FFFFFF;
  --background-alt: #F8FAFC;
  --surface: #FFFFFF;
  --surface-glass: rgba(255, 255, 255, 0.72);
  --surface-dark: #2F3358;

  /* Text */
  --text: #1E293B;
  --text-light: #64748B;
  --text-muted: #94A3B8;
  --text-inverse: #FFFFFF;

  /* UI */
  --border: #E2E8F0;
  --border-strong: #CBD5E1;
  --success: #22B07D;
  --warning: #F59E0B;
  --error: #EF4444;
  --info: #3B82F6;

  /* Gradients */
  --gradient-brand: linear-gradient(135deg, #22B07D 0%, #4B4F7F 100%);
  --gradient-hero: linear-gradient(135deg, rgba(75, 79, 127, 0.92) 0%, rgba(34, 176, 125, 0.78) 100%);
  --gradient-green: linear-gradient(135deg, #22B07D 0%, #1A8F65 100%);
  --gradient-indigo: linear-gradient(135deg, #4B4F7F 0%, #2F3358 100%);
  --gradient-soft: linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 100%);
  --gradient-glow: radial-gradient(ellipse at 30% 20%, rgba(34, 176, 125, 0.18), transparent 50%),
                    radial-gradient(ellipse at 80% 60%, rgba(75, 79, 127, 0.14), transparent 45%);

  /* Shadows */
  --shadow-xs: 0 1px 2px rgba(30, 41, 59, 0.05);
  --shadow-sm: 0 2px 8px rgba(30, 41, 59, 0.06);
  --shadow-md: 0 8px 24px rgba(30, 41, 59, 0.08);
  --shadow-lg: 0 16px 48px rgba(30, 41, 59, 0.12);
  --shadow-xl: 0 24px 64px rgba(30, 41, 59, 0.16);
  --shadow-green: 0 12px 32px rgba(34, 176, 125, 0.28);
  --shadow-indigo: 0 12px 32px rgba(75, 79, 127, 0.28);

  /* Overlay */
  --overlay-dark: rgba(47, 51, 88, 0.72);
  --overlay-green: rgba(34, 176, 125, 0.55);
}