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

@layer base {
  body {
    @apply bg-base text-ink font-sans antialiased;
  }

  ::selection {
    @apply bg-accent/30 text-ink;
  }

  a:focus-visible,
  button:focus-visible,
  input:focus-visible {
    @apply outline-none ring-2 ring-accent ring-offset-2 ring-offset-base;
  }
}

@layer components {
  .panel {
    @apply bg-base-panel border border-base-border rounded-lg;
  }

  .stat-label {
    @apply text-xs uppercase tracking-wider text-ink-muted font-mono;
  }

  .mono {
    @apply font-mono text-sm;
  }
}