:root {
    --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-mono: "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    --radius: 0.75rem;
    --sidebar-width-icon: 4.5rem;
    --background: #f8fafc;
    --foreground: #17141f;
    --card: #ffffff;
    --card-foreground: #17141f;
    --popover: #ffffff;
    --popover-foreground: #17141f;
    --primary: #8259c9;
    --primary-foreground: #ffffff;
    --secondary: #f0ebf9;
    --secondary-foreground: #432f69;
    --muted: #f1f5f9;
    --muted-foreground: #64748b;
    --accent: var(--interactive-hover);
    --accent-foreground: var(--interactive-hover-foreground);
    --destructive: #dc2626;
    --destructive-foreground: #ffffff;
    --border: #e2e8f0;
    --input: #cbd5e1;
    --ring: #8259c9;
    --interactive-hover: #f1eafb;
    --interactive-hover-soft: #f1eafb;
    --interactive-hover-foreground: #51347f;
    --success: #00a950;
    --success-soft: #e8fff2;
    --warning: #d97706;
    --warning-soft: #fff7e8;
    --info: #0284c7;
    --info-soft: #e9f7ff;
    --sidebar: #ffffff;
    --sidebar-foreground: #334155;
    --sidebar-primary: var(--interactive-hover);
    --sidebar-primary-foreground: var(--interactive-hover-foreground);
    --sidebar-accent: var(--interactive-hover);
    --sidebar-accent-foreground: var(--interactive-hover-foreground);
    --sidebar-border: #e2e8f0;
    --chart-1: #8259c9;
    --chart-2: #00cc62;
    --chart-3: #0284c7;
    --chart-4: #d97706;
    --chart-5: #db2777;
}

.dark {
    --background: #0f1117;
    --foreground: #f8fafc;
    --card: #171a23;
    --card-foreground: #f8fafc;
    --popover: #171a23;
    --popover-foreground: #f8fafc;
    --primary: #a986e5;
    --primary-foreground: #1b102c;
    --secondary: #2a2436;
    --secondary-foreground: #f5f0ff;
    --muted: #222631;
    --muted-foreground: #a7b0c0;
    --accent: var(--interactive-hover);
    --accent-foreground: var(--interactive-hover-foreground);
    --destructive: #ef4444;
    --destructive-foreground: #ffffff;
    --border: #303644;
    --input: #3b4353;
    --ring: #a986e5;
    --interactive-hover: #d9c8f3;
    --interactive-hover-soft: #302740;
    --interactive-hover-foreground: #382052;
    --success: #2ee57d;
    --success-soft: #103322;
    --warning: #f5b84b;
    --warning-soft: #3a2a0e;
    --info: #56bff5;
    --info-soft: #102d3d;
    --sidebar: #151821;
    --sidebar-foreground: #dce3ee;
    --sidebar-primary: var(--interactive-hover);
    --sidebar-primary-foreground: var(--interactive-hover-foreground);
    --sidebar-accent: var(--interactive-hover);
    --sidebar-accent-foreground: var(--interactive-hover-foreground);
    --sidebar-border: #303644;
}

*, *::before, *::after {
    border-color: var(--border);
}

html {
    color-scheme: light;
}

html.dark {
    color-scheme: dark;
}

body {
    background: var(--background);
    color: var(--foreground);
}