:root {
    --primary-50: #e6f1ff;
    --primary-100: #bddaff;
    --primary-200: #94c2ff;
    --primary-300: #6ba9ff;
    --primary-400: #4291ff;
    --primary-500: #1a78ff; 
    --primary-600: #0061eb;
    --primary-700: #004bc3;
    --primary-800: #00379b;
    --primary-900: #002373;
  
    --secondary-50: #f0f1f7;
    --secondary-100: #d5d9e6;
    --secondary-200: #b9c0d4;
    --secondary-300: #9da7c3;
    --secondary-400: #818eb1;
    --secondary-500: #6575a0;
    --secondary-600: #525f87;
    --secondary-700: #40496d;
    --secondary-800: #2e3454;
    --secondary-900: #1c1f3b;
  
    --neutral-50: #f7f7f7;
    --neutral-100: #e3e3e3;
    --neutral-200: #c8c8c8;
    --neutral-300: #a4a4a4;
    --neutral-400: #808080;
    --neutral-500: #666666;
    --neutral-600: #4d4d4d;
    --neutral-700: #333333;
    --neutral-800: #1a1a1a;
    --neutral-900: #0a0a0a;
  
    --success: #22c55e;
    --warning: #fbbf24;
    --error: #ef4444;
    --info: #3b82f6;

    --font-primary: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
  }
  
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  body {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-regular);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}