globals.css

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900&display=swap');
@import "tailwindcss";
@import "./tailwind.config.css";

@layer base {
  html,
  body {
    font-family: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: 0.00875rem;
  }

  button:not(:disabled),
  [role="button"]:not(:disabled) {
    cursor: pointer;
  }

  input:disabled {
    background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3)) !important;
  }

  input[type="search"]::-webkit-search-cancel-button {
    cursor: pointer;
  }

  .border {
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
}