@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  color-scheme: dark;
}

body {
  margin: 0;
  background: #14110f;
  color: #ede4d8;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
}

@layer components {
  .btn {
    @apply inline-flex items-center gap-2 rounded-md px-3 py-1.5 text-sm font-medium
           transition-colors disabled:opacity-40 disabled:cursor-not-allowed;
  }
  .btn-primary {
    @apply btn bg-ink-accent text-ink-bg hover:bg-ink-accent2;
  }
  .btn-ghost {
    @apply btn border border-ink-edge text-ink-text hover:bg-ink-edge;
  }
  .card {
    @apply rounded-lg border border-ink-edge bg-ink-panel;
  }
  .chip {
    @apply inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium;
  }
  .input {
    @apply rounded-md border border-ink-edge bg-ink-bg px-2 py-1 text-sm
           text-ink-text outline-none focus:border-ink-accent;
  }
}
