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

@layer base {
  :root {
    --background: 210 16% 98%;
    --foreground: 240 30% 14%;
    --radius: 0.625rem;
  }

  html, body {
    height: 100%;
  }

  body {
    @apply bg-background text-foreground antialiased;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
      Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  }

  * {
    @apply border-border;
  }
}

@layer components {
  /* Sidebar nav links */
  .nav-link {
    @apply flex items-center gap-3 px-4 py-2.5 rounded-md text-sm font-medium
           text-white/70 hover:text-white hover:bg-white/5 transition-colors;
  }
  .nav-link-active {
    @apply text-white bg-accent/20 border-l-2 border-accent;
  }

  /* Cards */
  .card-hover {
    @apply transition-shadow hover:shadow-md;
  }

  /* Print styles for invoices / reports */
  @media print {
    .no-print { display: none !important; }
    body { background: white !important; }
    main { padding: 0 !important; }
  }
}

/* Scrollbar discrète */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.25); }