@import 'tw-animate-css';
@import '@getmunin/ui/styles/fonts.css';
@import '@getmunin/ui/styles/tokens.css';

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

@layer base {
  * {
    @apply border-border;
  }

  body {
    @apply bg-background text-foreground;
    font-family: var(--munin-sans);
    font-feature-settings: 'ss01', 'cv11';
  }

  html,
  body {
    height: 100%;
    overscroll-behavior-x: none;
  }

  ::selection {
    background: rgb(var(--munin-accent));
    color: rgb(var(--munin-paper));
  }
}
