@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base{
    :root {
        --color-bg: 245, 245, 245;
        --color-text: 51, 51, 51;
        --color-text-muted: 42, 45, 50;
        --color-text-muted2: 139, 139, 139;
        --color-accent: 229, 231, 235;
        --color-primary: 77, 80, 186;
    }
    
    @media (prefers-color-scheme: dark) {
        :root {
            --color-bg: 30, 30, 30;
            --color-text: 245, 245, 245;
            --color-text-muted: 200, 200, 200;
            --color-text-muted2: 139, 139, 139;
            --color-accent: 70, 73, 78;
            --color-primary: 77, 80, 186;
        }
    }
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');