@import "tailwindcss";
@source "../views/**/*.php";
@source "../../app/**/*.php";

@theme {
  --color-aviation-50: #f0f7ff;
  --color-aviation-600: #1261a6;
  --color-aviation-700: #0d4d85;
  --color-ink-900: #16202a;
}

@layer base {
  [x-cloak] { display: none !important; }
  body { @apply bg-slate-100 text-slate-800 antialiased; }
  .brand-mark { background-color: #0284c7; }
  body[data-accent="blue"] .brand-mark { background-color: #2563eb; }
  body[data-accent="indigo"] .brand-mark { background-color: #4f46e5; }
  body[data-accent="teal"] .brand-mark { background-color: #0f766e; }
  body[data-accent="emerald"] .brand-mark { background-color: #047857; }
  body[data-accent="amber"] .brand-mark { background-color: #b45309; }
  body[data-table-density="comfortable"] table th,
  body[data-table-density="comfortable"] table td { padding-top: 0.9rem; padding-bottom: 0.9rem; }
  body[data-table-density="compact"] table th,
  body[data-table-density="compact"] table td { padding-top: 0.55rem; padding-bottom: 0.55rem; }
}