@import "tailwindcss";

@theme {
  --color-brand-primary: #9ECAE1;
  --color-dark-bg: #0a0a0a;
  --color-dark-card: #141414;
  --color-dark-header: #141414;
  --color-dark-sidebar: #141414;
  --color-dark-border: #222222;
  --color-dark-input: #1a1a1a;
  --color-dark-text: #ededed;
  --color-dark-muted: #888888;
  --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

@layer base {
  body {
    font-family: 'Inter', sans-serif;
    @apply bg-dark-bg text-dark-text;
  }
  
  ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  
  ::-webkit-scrollbar-thumb {
    background: #333333;
    border-radius: 3px;
  }
}