/* css/variables.css */
:root {
  /* Colors */
  --primary: #1E3A8A;       /* Deep global corporate blue */
  --primary-light: #2563EB;
  --primary-dark: #172554;
  --accent: #ef4444;        /* Used strictly for hover/highlight CTA */
  --accent-hover: #dc2626;
  --bg-color: #ffffff;      /* Base is pure white for cleanliness */
  --bg-light: #EEF2FF;      /* Very light blue tint for alternating sections */
  --bg-slate: #F8FAFC;      /* Extremely light depth layer */
  --text-main: #0F172A;     /* Text Dark */
  --text-muted: #64748B;    /* Text Light */
  --text-light: #94A3B8;
  --cyan: #06b6d4;          /* Tech accent */

  /* Typography */
  --font-heading: 'Poppins', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* Premium Spacing Scale */
  --spacing-xs: 0.75rem;
  --spacing-sm: 1.5rem;
  --spacing-md: 3rem;
  --spacing-lg: 5rem;
  --spacing-xl: 8rem;
  --spacing-xxl: 12rem;

  /* Border Radius */
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;       /* 16px soft enterprise radii */
  --radius-xl: 2rem;

  /* Premium High-End Shadows */
  --shadow-sm: 0 4px 20px rgba(15, 23, 42, 0.04);
  --shadow-md: 0 10px 40px rgba(15, 23, 42, 0.06);
  --shadow-lg: 0 20px 60px rgba(15, 23, 42, 0.08);
  --shadow-hover: 0 30px 60px rgba(37, 99, 235, 0.1); /* Subtle blue tint to elevated state */

  /* Butter Smooth Transitions */
  --transition-fast: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  --transition-normal: 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  --transition-slow: 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}