@import "tailwindcss" source(none);
@source "../";
@source "../../ts";

:root {
  --background: #ffffff;
  --foreground: #171717;
  --border: oklch(92.8% 0.006 264.531);
  --muted: oklch(96.7% 0.003 264.542);
  --muted-foreground: oklch(55.1% 0.027 264.364);
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-border: var(--border);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
    --border: oklch(100% 0 0 / 12%);
    --muted: oklch(26.9% 0 0);
    --muted-foreground: oklch(70.8% 0 0);
  }
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}