| @import "tailwindcss"; | |
| :root { | |
| --color-bg: #f4f4f5; /* zinc-100 — soft warm gray */ | |
| --color-surface: #ffffff; /* pure white cards */ | |
| --color-border: #e4e4e7; /* zinc-200 — subtle borders */ | |
| --color-heading: #09090b; /* zinc-950 — near-black headings */ | |
| --color-body: #52525b; /* zinc-600 — body text */ | |
| --color-muted: #a1a1aa; /* zinc-400 — muted/secondary */ | |
| --color-accent: #6366f1; /* indigo-500 */ | |
| --color-success: #22c55e; /* green-500 */ | |
| --color-warning: #f59e0b; /* amber-500 */ | |
| --color-danger: #ef4444; /* red-500 */ | |
| } | |
| * { | |
| box-sizing: border-box; | |
| } | |
| body { | |
| background-color: var(--color-bg); | |
| color: var(--color-body); | |
| font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| } | |
| /* Elegant scrollbar */ | |
| ::-webkit-scrollbar { | |
| width: 6px; | |
| } | |
| ::-webkit-scrollbar-track { | |
| background: transparent; | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| background: #d4d4d8; | |
| border-radius: 999px; | |
| } | |
| ::-webkit-scrollbar-thumb:hover { | |
| background: #a1a1aa; | |
| } | |
| /* Smooth fade-in for event rows */ | |
| @keyframes fadeSlideIn { | |
| from { | |
| opacity: 0; | |
| transform: translateY(-8px); | |
| } | |
| to { | |
| opacity: 1; | |
| transform: translateY(0); | |
| } | |
| } | |
| .animate-fade-slide-in { | |
| animation: fadeSlideIn 0.3s ease-out forwards; | |
| } | |