@import 'tailwindcss';

@theme {
  --color-accent: #ffffff;
  --color-accent-muted: rgba(255, 255, 255, 0.08);
  --color-accent-border: rgba(255, 255, 255, 0.12);

  --color-bg: #090a0c;
  --color-bg-card: rgba(17, 17, 17, 0.8);
  --color-bg-elevated: #111113;
  --color-bg-subtle: #0f1012;
  --color-border: rgba(255, 255, 255, 0.06);
  --color-border-hover: rgba(255, 255, 255, 0.15);
  --color-text: #f0f0f0;
  --color-text-muted: #8a8a8a;
  --color-text-dim: #555555;
}

@theme inline {
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
}

html {
  scrollbar-gutter: stable;
  color-scheme: dark;
}

body {
  background-color: var(--color-bg);
  color: var(--color-text);
}

::selection {
  background-color: rgba(255, 255, 255, 0.15);
  color: white;
}