| @import "tailwindcss"; | |
| @theme { | |
| --color-circle-blue: #0052FF; | |
| --color-circle-blue-light: #4D8AFF; | |
| --color-circle-blue-bg: #0A0E27; | |
| --color-circle-bg: #FFFFFF; | |
| --color-circle-surface: #F7F8FA; | |
| --color-circle-card: #FFFFFF; | |
| --color-circle-border: #E5E7EB; | |
| --color-circle-text: #1A1D26; | |
| --color-circle-muted: #6B7280; | |
| --color-circle-subtle: #9CA3AF; | |
| --color-tier-0: #9CA3AF; | |
| --color-tier-1: #00D395; | |
| --color-tier-2: #0052FF; | |
| --color-tier-3: #8B5CF6; | |
| --color-tier-4: #F59E0B; | |
| --color-tier-5: #EF4444; | |
| --font-sans: "Inter", system-ui, -apple-system, sans-serif; | |
| } | |
| body { | |
| background: var(--color-circle-surface); | |
| color: var(--color-circle-text); | |
| font-family: var(--font-sans); | |
| } | |