|
|
@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; |
|
|
} |
|
|
|
|
|
|
|
|
::-webkit-scrollbar { |
|
|
width: 8px; |
|
|
height: 8px; |
|
|
} |
|
|
|
|
|
::-webkit-scrollbar-track { |
|
|
background: #f1f1f1; |
|
|
} |
|
|
|
|
|
::-webkit |
