@import "tailwindcss";

@variant dark (&:where(.dark, .dark *));

@theme {
    --color-primary: #00E0B8;
    --color-secondary: #6B7280;

    --color-background-dark: #0F111A;
    --color-surface-dark: #1E202E;
    --color-surface-accent: #2D3042;

    --color-text-light: #E5E7EB;
    --color-text-muted: #9CA3AF;

    --font-sans: var(--font-inter), ui-sans-serif, system-ui, sans-serif;
    --font-display: var(--font-poppins), ui-sans-serif, system-ui, sans-serif;

    --radius-DEFAULT: 0.75rem;
    --radius-xl: 1rem;
    --radius-2xl: 1.5rem;

    --shadow-glow: 0 0 20px rgba(0, 224, 184, 0.15);
}