@import "tailwindcss";

:root {
  --color-bg: #2b2d42;
  --color-surface: #363850;
  --color-fg: #f7f3e9;
  --color-accent: #fb4617;
  --color-muted: #434247;
  --color-secondary: #2e162e;
  --color-sand: #d4cbbb;
}

@theme inline {
  --color-bg: var(--color-bg);
  --color-surface: var(--color-surface);
  --color-fg: var(--color-fg);
  --color-accent: var(--color-accent);
  --color-muted: var(--color-muted);
  --color-secondary: var(--color-secondary);
  --color-sand: var(--color-sand);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

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