@import "tailwindcss";

:root {
    --background: #0d0d12;
    --foreground: #f5f5f8;
    --surface: #16161f;
    --surface-elevated: #1f1f2a;
    --border: #2d2d3d;
    --muted-foreground: #a6a6b4;
    --accent: #a875ff;
    --accent-strong: #955fff;
    --accent-foreground: #12081f;
}

@theme inline {
    --color-background: var(--background);
    --color-foreground: var(--foreground);
    --font-sans: var(--font-geist-sans);
    --font-mono: var(--font-geist-mono);
}

body {
    background: var(--background);
    color: var(--foreground);
    font-family: Arial, Helvetica, sans-serif;
    background-image:
        radial-gradient(
            1200px circle at 20% -10%,
            rgb(168 117 255 / 0.2),
            transparent 40%
        ),
        radial-gradient(
            1000px circle at 120% 10%,
            rgb(149 95 255 / 0.15),
            transparent 38%
        );
}