@import "tailwindcss";

/* Custom theme extensions for Tailwind v4 */
@theme {
  --spacing-65: 16.25rem; /* 260px for sidebar width */
  --width-65: 16.25rem;
}

/* Custom utilities using CSS */
@utility w-65 {
  width: var(--width-65);
}

@utility ps-65 {
  padding-inline-start: var(--spacing-65);
}

@utility lg\:ps-65 {
  @media (width >= 1024px) {
    padding-inline-start: var(--spacing-65);
  }
}

/* Import other styles */
html {
  scroll-behavior: smooth;
}