/* ==========================================================================
   EXCELL VALLEY TECHNOLOGIES - VARIABLES & GLOBAL ROOT STYLES
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap');

:root {
  /* Brand Color Palette */
  --primary: #132E65;         /* Excell Valley Deep Corporate Navy */
  --primary-dark: #0E224B;    /* Shadow / Hover Dark Blue */
  --secondary: #8CC63F;       /* Excell Valley Vibrant Lime Green */
  --accent: #A6DC5C;          /* Bright Accent Green */

  --background: #F8FAFC;
  --surface: #FFFFFF;

  --text: #1E293B;
  --text-light: #64748B;

  --border: #E2E8F0;

  --success: #8CC63F;         /* Using brand green for success states */
  --warning: #F59E0B;
  --danger: #EF4444;

  --gradient-primary: linear-gradient(135deg, #132E65, #1E3E85);
  --gradient-light: linear-gradient(135deg, #F8FAFC, #FFFFFF);

  --shadow: 0 10px 30px rgba(19, 46, 101, 0.12);

  /* Helper variables for backward compatibility and enhanced functionality */
  --primary-light: #1E3E85;
  --primary-rgb: 19, 46, 101;
  --secondary-rgb: 140, 198, 63;
  --accent-rgb: 166, 220, 92;
  
  --dark: #0E224B;
  --light: #F8FAFC;
  --surface-rgb: 255, 255, 255;
  
  /* Text Colors */
  --text-muted: #64748B;
  --text-on-primary: #ffffff;
  
  /* Structural Colors */
  --border-light: #F1F5F9;
  --card-bg: #ffffff;
  --card-bg-hover: #fafafa;
  
  /* System Feedback */
  --info: #132E65;

  /* Typography Scales */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-display: 'Manrope', system-ui, -apple-system, sans-serif;
  --font-mono: 'Fira Code', monospace;
  
  /* Spacing Scale (Rem) */
  --spacing-xs: 0.5rem;       /* 8px */
  --spacing-sm: 1rem;         /* 16px */
  --spacing-md: 1.5rem;       /* 24px */
  --spacing-lg: 2.5rem;       /* 40px */
  --spacing-xl: 4rem;         /* 64px */
  --spacing-xxl: 6rem;        /* 96px */
  
  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  
  /* Shadows (Premium Soft Elevations tailored to the corporate theme) */
  --shadow-sm: 0 2px 8px -2px rgba(19, 46, 101, 0.05);
  --shadow-md: 0 12px 30px -10px rgba(19, 46, 101, 0.08);
  --shadow-lg: 0 24px 48px -12px rgba(19, 46, 101, 0.12);
  --shadow-flat: 0 0 0 1px rgba(19, 46, 101, 0.05);
  --shadow-glass: 0 8px 32px 0 rgba(19, 46, 101, 0.03);
  
  /* Border Radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;

  /* Layout Boundaries */
  --max-width: 1280px;
}

/* Base Accessibility / Focus Rings */
*:focus-visible {
  outline: 2px solid var(--secondary);
  outline-offset: 4px;
}

::selection {
  background-color: rgba(16, 185, 129, 0.2);
  color: var(--primary);
}