@tailwind base;
@tailwind components;
@tailwind utilities;
:root {
    --background: 255 255 255;
    --foreground: 23 23 23;
    --card: 255 255 255;
    --card-foreground: 23 23 23;
    --primary: 59 130 246;
    --primary-foreground: 255 255 255;
    --muted: 245 245 245;
    --muted-foreground: 115 115 115;
    --accent: 245 245 245;
    --accent-foreground: 23 23 23;
    --border: 229 229 229;
}

.dark {
    --background: 10 10 10;
    --foreground: 237 237 237;
    --card: 23 23 23;
    --card-foreground: 237 237 237;
    --primary: 59 130 246;
    --primary-foreground: 255 255 255;
    --muted: 38 38 38;
    --muted-foreground: 163 163 163;
    --accent: 38 38 38;
    --accent-foreground: 237 237 237;
    --border: 38 38 38;
}

body {
    background-color: rgb(var(--background));
    color: rgb(var(--foreground));
    font-family: var(--font-sans), system-ui, sans-serif;
}