/* Cloudjet schema for PMS (design-system/SCHEMA.md), measured from the Supplies portal.
   PMS uses raw Tailwind utilities rather than a token file, so the schema is applied to the
   elements it actually names: page surface, tables, primary actions and cards. */
:root {
  --cj-ink: #141414;
  --cj-muted: #73736B;
  --cj-accent: #F3DC3E;
  --cj-gold: #746500;
  --cj-page: #f3f4f6;
  --cj-line: #E2E2E2;
  --cj-rule: #e6e6df;
  --cj-th: #f5f5f0;
}

body { background: var(--cj-page); color: var(--cj-ink); }

/* Tables: 12px bold ink on warm grey, hairline rules, 14px cells. */
table thead th, table thead td {
  background: var(--cj-th) !important;
  color: var(--cj-ink) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  border-bottom: 1px solid var(--cj-rule) !important;
}
table tbody td { font-size: 14px; color: var(--cj-ink); border-bottom: 1px solid var(--cj-rule); }
table tbody tr:hover td { background: #fafaf7; }

/* Cards: hairline, no shadow. */
.card, .rounded-xl, .rounded-2xl { border-color: var(--cj-line); }
.shadow, .shadow-sm, .shadow-md, .shadow-lg { box-shadow: none !important; }

/* Primary action: yellow fill, ink text. The template uses dark fills for this. */
.btn-primary, button.bg-black, a.bg-black, .bg-gray-900, button.bg-gray-900, a.bg-gray-900 {
  background-color: var(--cj-accent) !important;
  color: var(--cj-ink) !important;
  border-radius: 8px !important;
}
.btn-primary:hover, button.bg-black:hover, a.bg-black:hover { background-color: #e0c92c !important; }