/**
 * Shadcn/UI Base Styles
 * Reset and foundation styles
 */

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

  *,
  *::before,
  *::after {
    border-color: hsl(var(--border));
  }

  html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  body {
    @apply bg-background text-foreground;
    font-feature-settings: "rounding-mode" 0;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    @apply scroll-m-20 font-semibold;
  }

  h1 {
    @apply text-4xl font-extrabold;
  }

  h2 {
    @apply text-3xl font-bold;
  }

  h3 {
    @apply text-2xl font-bold;
  }

  h4 {
    @apply text-xl font-semibold;
  }

  h5 {
    @apply text-lg font-semibold;
  }

  h6 {
    @apply text-base font-semibold;
  }

  p {
    @apply leading-7;
  }

  code {
    @apply relative rounded bg-muted px-1.5 py-0.5 font-mono text-sm font-semibold;
  }

  a {
    @apply text-primary underline-offset-4 hover:underline;
  }

  button {
    @apply cursor-pointer;
  }

  input,
  select,
  textarea {
    @apply font-inherit;
  }

  button,
  input,
  select,
  textarea {
    @apply text-inherit;
  }

  img,
  svg {
    @apply block max-w-full h-auto;
  }

  ul,
  ol {
    @apply list-none;
  }
}
