@import url("/public/assets/css/inventory.css");

:root {
  --mc-bg: #f6f8fb;
  --mc-surface: #ffffff;
  --mc-heading: #0f172a;
  --mc-text: #475569;
  --mc-muted: #64748b;
  --mc-border: #e2e8f0;
  --mc-accent: #f97316;
  --mc-accent-dark: #c2410c;
  --mc-navy: #07111f;
  --mc-radius: 18px;
  --mc-shadow: 0 18px 45px rgba(15, 23, 42, 0.10);
}

.inventory-page,
.inventory-wrap,
.inventory-grid {
  color: var(--mc-text);
}

.inventory-page h1,
.inventory-page h2,
.inventory-page h3,
.inventory-header h1,
.inventory-header h2 {
  color: var(--mc-heading);
}

.inventory-card,
.inventory-item,
.vehicle-card,
.filter-panel,
.inventory-header {
  background: var(--mc-surface);
  border: 1px solid var(--mc-border);
  border-radius: var(--mc-radius);
  box-shadow: var(--mc-shadow);
}

.inventory-page .btn,
.inventory-page button,
.inventory-page .button {
  background: var(--mc-accent);
  color: #fff;
  border: 1px solid transparent;
}

.inventory-page .btn:hover,
.inventory-page button:hover,
.inventory-page .button:hover {
  background: var(--mc-accent-dark);
}