| /* Design tokens ported from the vanilla Studyson app (static/css/style.css), | |
| extended with a dark palette activated via [data-theme="dark"]. */ | |
| :root { | |
| --primary: #667eea; | |
| --primary-dark: #5568d3; | |
| --secondary: #764ba2; | |
| --accent: #f093fb; | |
| --bg-main: #f7f9fc; | |
| --bg-card: #ffffff; | |
| --bg-sidebar: #1a1f36; | |
| --text-primary: #2d3748; | |
| --text-secondary: #718096; | |
| --text-light: #a0aec0; | |
| --border: #e2e8f0; | |
| --success: #48bb78; | |
| --danger: #f56565; | |
| --warning: #ed8936; | |
| --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08); | |
| --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1); | |
| --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.12); | |
| --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%); | |
| } | |
| :root[data-theme='dark'] { | |
| --primary: #7c8ff0; | |
| --primary-dark: #667eea; | |
| --secondary: #8a5cb5; | |
| --accent: #f2a6fc; | |
| --bg-main: #12131c; | |
| --bg-card: #1b1d2b; | |
| --bg-sidebar: #0e0f18; | |
| --text-primary: #e6e8f0; | |
| --text-secondary: #a0a8c0; | |
| --text-light: #6b7290; | |
| --border: #2b2e42; | |
| --success: #48bb78; | |
| --danger: #f56565; | |
| --warning: #ed8936; | |
| --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3); | |
| --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4); | |
| --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.55); | |
| --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%); | |
| } | |