:root {
  /* Color Palette */
  --primary: #4361ee;       /* Vibrant blue */
  --primary-dark: #3a56d4;  /* Darker blue */
  --secondary: #f72585;     /* Energetic pink */
  --accent: #4cc9f0;        /* Light blue */
  --dark: #14213d;          /* Deep navy */
  --light: #f8f9fa;         /* Off-white */
  --gray: #adb5bd;          /* Medium gray */
  --success: #38b000;       /* Green */
  --warning: #ffaa00;       /* Yellow */
  --pwd: #f1c40f;
  --pwd-dark: #deb820;
  --warning: #ff6b6b;
  --danger: #ef233c;        /* Red */
  
  /* Typography */
  
  --font-main: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: 'Poppins', var(--font-main);
  --text-base: 1rem;
  --text-scale: 1.25;
  --text-xs: calc(var(--text-base)/var(--text-scale));
  --text-sm: calc(var(--text-base));
  --text-md: calc(var(--text-base)*var(--text-scale));
  --text-lg: calc(var(--text-base)*var(--text-scale)*var(--text-scale));
  --text-xl: calc(var(--text-base)*var(--text-scale)*var(--text-scale)*var(--text-scale));
}