/* css/variables.css */
:root {
  /* Colors */
  --color-primary: #1A2B4A;
  --color-accent: #2D7DD2;
  --color-cta: #E05C3A;
  --color-cta-hover: #C94D2E;
  --color-bg-light: #EBF4FF;
  --color-bg-white: #FFFFFF;
  --color-bg-gray: #F7F9FC;
  --color-text-dark: #1A1A2E;
  --color-text-gray: #5A6474;
  --color-text-light: #8892A4;
  --color-border: #DDE4EE;
  --color-success: #27AE60;
  --color-warning: #F39C12;

  /* Typography */
  --font-main: 'Inter', sans-serif;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(26,43,74,0.08);
  --shadow-md: 0 4px 20px rgba(26,43,74,0.12);
  --shadow-lg: 0 8px 40px rgba(26,43,74,0.16);

  /* Border Radius */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 50px;

  /* Transitions */
  --transition: all 0.3s ease;

  /* Z-index */
  --z-index-dropdown: 100;
  --z-index-sticky: 200;
  --z-index-modal: 300;
  --z-index-overlay: 1000;
  --z-index-sidebar: 1010;
}