@import "tailwindcss";

/* Exclude the generated tauri-specta bindings from Tailwind's content scan.
   It contains no CSS classes (only TS types/command wrappers), and scanning a
   large generated file can confuse Tailwind v4's automatic class detection. */
@source not "./lib/api/bindings.ts";

/* Custom theme variables for JellyTau */
@theme {
  --color-jellyfin: #00a4dc;
  --color-jellyfin-dark: #0085b3;
  --color-background: #101010;
  --color-surface: #1a1a1a;
  --color-surface-hover: #252525;
}

/* Global styles */
html, body {
  @apply h-full;
  background-color: var(--color-background);
}

body {
  @apply text-white antialiased;
  font-family: system-ui, -apple-system, sans-serif;
  /* Handle safe areas for mobile devices (status bar, notches, etc.) */
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}