@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

* {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
:root {
  --card-bg: #FFFFFF;
  --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  --card-shadow-hover: 0 10px 15px rgba(0, 0, 0, 0.1);
  --text-primary: #111111;
  --text-secondary: #555555;
  --primary: #4A6CF7;
  --primary-hover: #3A5CE6;
  --difficulty-bg: #EFF6FF;
  --difficulty-text: #4A6CF7;
}

.dark {
  --card-bg: #1A1C20;
  --card-shadow: none;
  --card-shadow-hover: 0 10px 15px rgba(74, 108, 247, 0.1);
  --text-primary: #FFFFFF;
  --text-secondary: #9A9BA1;
  --difficulty-bg: rgba(74, 108, 247, 0.2);
  --difficulty-text: #4A6CF7;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit