Spaces:
Paused
Paused
| :root { | |
| --primary: #2563eb; | |
| --primary-hover: #1d4ed8; | |
| --primary-light: #eff6ff; | |
| --secondary: #0f172a; | |
| --accent: #10b981; | |
| --danger: #ef4444; | |
| --warning: #f59e0b; | |
| --bg-main: #f8fafc; | |
| --bg-card: #ffffff; | |
| --text-main: #0f172a; | |
| --text-muted: #64748b; | |
| --border-color: #e2e8f0; | |
| --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif; | |
| --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05); | |
| --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); | |
| --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); | |
| } | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } | |
| body { | |
| font-family: var(--font-sans); | |
| background-color: var(--bg-main); | |
| color: var(--text-main); | |
| line-height: 1.5; | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| button, input, select, textarea { | |
| font-family: inherit; | |
| } | |
| /* Custom Scrollbars */ | |
| ::-webkit-scrollbar { | |
| width: 6px; | |
| height: 6px; | |
| } | |
| ::-webkit-scrollbar-track { | |
| background: #f1f5f9; | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| background: #cbd5e1; | |
| border-radius: 4px; | |
| } | |
| ::-webkit-scrollbar-thumb:hover { | |
| background: #94a3b8; | |
| } | |
| /* Animations */ | |
| @keyframes fadeIn { | |
| from { opacity: 0; transform: translateY(6px); } | |
| to { opacity: 1; transform: translateY(0); } | |
| } | |
| .animate-fade-in { | |
| animation: fadeIn 0.25s ease-out forwards; | |
| } | |
| /* Utility Classes */ | |
| .glass-effect { | |
| background: rgba(255, 255, 255, 0.85); | |
| backdrop-filter: blur(12px); | |
| -webkit-backdrop-filter: blur(12px); | |
| } | |