/* Taqadum Admin — reuses mobile palette */
:root {
  /* Sand + surfaces */
  --bg: #F4EFE6;
  --bg-2: #EDE6D8;
  --surface: #FFFCF6;
  --ink: #1A1410;
  --ink-2: #3D342C;
  --muted: #8A7F72;
  --line: #E4DACB;
  --line-2: #D5C9B6;

  /* Brand */
  --plum: #3B1F3F;
  --plum-2: #5A2E5E;
  --plum-3: #2A1430;

  /* Accents */
  --ember: #E0572B;
  --ember-soft: #F8E0D2;
  --moss: #4A6B3A;
  --moss-soft: #E1E9D5;
  --ochre: #C68A2E;
  --ochre-soft: #F4E5C6;
  --danger: #B1372A;
  --danger-soft: #F5DDD8;
  --grape: #5A2E5E;
  --grape-soft: #E6D5F0;
}
* { box-sizing: border-box; -webkit-font-smoothing: antialiased; }
body { margin: 0; font-family: 'Inter', system-ui, sans-serif; color: var(--ink); }
.serif { font-family: 'Instrument Serif', 'Times New Roman', serif; letter-spacing: -0.01em; }
.mono  { font-family: 'JetBrains Mono', ui-monospace, monospace; }
.caps  { text-transform: uppercase; letter-spacing: 0.08em; font-size: 10.5px; font-weight: 600; color: var(--muted); }

.admin-shell {
  display: flex; width: 100%; height: 100%; background: var(--bg);
  font-family: 'Inter', system-ui, sans-serif; font-size: 13.5px; color: var(--ink);
}

.scroll::-webkit-scrollbar { width: 8px; height: 8px; }
.scroll::-webkit-scrollbar-thumb { background: #D5C9B6; border-radius: 4px; }
.scroll::-webkit-scrollbar-track { background: transparent; }

table { border-collapse: separate; border-spacing: 0; width: 100%; }
th, td { text-align: left; padding: 13px 18px; }