:root {
  /* Custom Theme Colors - Primary */
  --primary-color: #3b82f6;
  --primary-hover: #1d6ff4;
  --primary-light: #d7e6fd;
  --primary-dark: #0a62f3;
  
  /* Custom Theme Colors - Secondary */
  --secondary-color: #64748b;
  --secondary-hover: #4c5f79;
  --secondary-light: #e0e3e7;
  
  /* Custom Background Colors */
  --bg-body: #f8fafc;
  --bg-primary: #ffffff;
  --bg-secondary: #f8fafc;
  --bg-tertiary: #f7f9fb;
  --bg-hover: #ffffff;
  
  /* Custom Border Colors */
  --border-color: #e2e8f0;
  --border-color-light: #e3e9f0;
  --border-color-dark: #dfe5ee;
  
  /* Custom Text Colors */
  --text-primary: #1e293b;
  --text-secondary: #64748b;
  --text-tertiary: #838fa2;
}