@theme {
    --color-background: #020617;
    --color-surface: #111827;
    --color-card: #0f172a;

    --color-primary: #3b82f6;
    --color-primary-hover: #2563eb;

    --color-text: #f8fafc;
    --color-text-muted: #94a3b8;

    --color-border: #334155;
}

:root {
    color-scheme: dark;
}

html,
body {
    background-color: var(--color-background);
    color: var(--color-text);
}

body {
    min-height: 100vh;
}

* {
    box-sizing: border-box;
}