@import "tailwindcss";

@theme inline {
  --color-background: #000000;
  --color-foreground: #ffffff;
  --color-muted: #888888;
  --color-subtle: #555555;
  --color-accent: #C97A4E;
  --color-accent-hover: #E0956A;
  --color-surface: #111111;
  --color-border: #222222;
  --color-code-bg: #0D0D0D;
  --color-code-text: #E0E0E0;
  --font-sans: var(--font-inter);
  --font-serif: var(--font-lora);
  --font-mono: var(--font-jetbrains-mono);
}

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

::selection {
  background: #C97A4E40;
  color: #ffffff;
}
