@import 'tailwindcss';
@import 'tw-animate-css';
@import '@spoon/tailwind-config/theme';

/*
 * Nerd Font icons for the workspace terminal + editor. Scoped to the Nerd Font
 * glyph ranges via unicode-range, so the ~1MB file is only fetched when an icon
 * actually renders (latin text stays on Victor Mono). Used as a fallback in the
 * terminal/editor font stacks.
 */
@font-face {
  font-family: 'Symbols Nerd Font Mono';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/SymbolsNerdFontMono.woff2') format('woff2');
  unicode-range:
    U+23fb-23fe, U+2665, U+26a1, U+2b58, U+e000-f8ff, U+f0000-fffff;
}

@source '../../../../packages/ui/src/**/*.{ts,tsx}';

@custom-variant dark (&:where(.dark, .dark *));
@custom-variant light (&:where(.light, .light *));
@custom-variant auto (&:where(.auto, .auto *));

@utility container {
  margin-inline: auto;
  padding-inline: 2rem;
  @media (width >= --theme(--breakpoint-sm)) {
    max-width: none;
  }
  @media (width >= 1400px) {
    max-width: 1400px;
  }
}

@layer base {
  * {
    @apply border-border;
  }
  html {
    @apply bg-background;
  }
  body {
    @apply bg-background text-foreground;
    letter-spacing: var(--tracking-normal);
  }
}
