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

/* Minimal neutral UI tokens */
:root {
  --bg: #ffffff;
  --fg: #111827;
  --muted: #6b7280;
  --border: #e5e7eb;
}

html, body {
  background-color: var(--bg);
  color: var(--fg);
}

.card {
  @apply bg-white border border-gray-200 rounded-lg shadow-sm;
}

.btn {
  @apply inline-flex items-center px-4 py-2 rounded-md border border-gray-300 text-sm font-medium text-gray-800 bg-white hover:bg-gray-50;
}

.btn-primary {
  @apply inline-flex items-center px-4 py-2 rounded-md text-sm font-medium text-white bg-gray-900 hover:bg-gray-800;
}

.input {
  @apply block w-full rounded-md border-gray-300 shadow-sm focus:border-gray-900 focus:ring-gray-900;
}

.label {
  @apply block text-sm font-medium text-gray-700 mb-1;
}

.table {
  @apply min-w-full divide-y divide-gray-200;
}

.table thead th {
  @apply px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider;
}

.table tbody td {
  @apply px-4 py-2 whitespace-nowrap text-sm text-gray-800;
}


/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */