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

@layer base {
  html { @apply bg-paper text-ink antialiased; }
  body { @apply font-sans; text-rendering: optimizeLegibility; }
  /* Persian is a joined script: tracking breaks the joins. */
  [lang="fa"] * { letter-spacing: 0; }
  ::selection { @apply bg-lapis text-white; }
  :focus-visible { outline: 2px solid theme("colors.lapis"); outline-offset: 4px; border-radius: 4px; }
}
.star-label { transition: opacity .4s, color .3s; will-change: transform; }
.header-veil { background: linear-gradient(to bottom, #EEF1F4 0%, rgb(238 241 244 / .94) 55%, rgb(238 241 244 / 0) 100%); }