@font-face {
  font-family: Jost;
  src: url("../assets/brand/Jost-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: Cormorant;
  src: url("../assets/brand/CormorantGaramond-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

:root {
  font-family: Jost, system-ui, sans-serif;
  color: #3f3530;
  background: #f3e3d3;
  --green: #7a5233;
  --green-light: #e9ddd0;
  --cream: #f3e3d3;
  --muted: #6e5d52;
  --line: #e3cfbc;
  --orange: #a87a55;
  --shadow: 0 10px 28px rgba(63, 53, 48, .09);
}

body {
  background: #f3e3d3;
}

.topbar {
  background: #f3e3d3;
}

.brand {
  gap: 14px;
}

.brand img {
  display: block;
  width: 154px;
  height: 66px;
  object-fit: contain;
}

.brand small {
  color: #6e5d52;
  font: italic 500 15px Cormorant, Georgia, serif;
}

h1,
h2,
h3,
.export-card h2,
.section-heading h2,
.record-section-heading h2,
.page-heading h1 {
  font-family: Cormorant, Georgia, serif;
}

h1,
.page-heading h1 {
  color: #3f3530;
  font-weight: 600;
  letter-spacing: -.4px;
}

.eyebrow {
  color: #7a5233;
}

.nav-button {
  color: #5d4c40;
}

.nav-button:hover,
.nav-button.active {
  background: #7a5233;
  color: #fbf6ef;
}

.nav-button:hover {
  background: #e9ddd0;
  color: #3f3530;
}

.nav-button.active:hover {
  background: #7a5233;
  color: #fbf6ef;
}

.product-button,
.order-card,
.summary-card,
.history-row,
.panel,
.current-order {
  background: #fbf6ef;
}

.product-button:hover,
.product-button:focus-visible {
  border-color: #a87a55;
}

.product-button .product-price {
  color: #7a5233;
}

.primary-button {
  background: #7a5233;
}

.primary-button:hover:not(:disabled) {
  background: #5f4029;
}

.secondary-button {
  border-color: #d4ab86;
  background: #fbf6ef;
  color: #7a5233;
}

.text-input {
  border-color: #d8c6b5;
  background: #fbf6ef;
  color: #3f3530;
}

.text-input:focus {
  border-color: #a87a55;
  box-shadow: 0 0 0 3px #a87a5522;
}

.checklist-item input,
.todo-item input,
.checklist-panel progress,
.training-topics input {
  accent-color: #7a5233;
}

.done-button {
  background: #e9ddd0;
  color: #5f4029;
}

.day-sales-summary > div {
  background: #f3e3d3;
}

.service-clock {
  color: #6e5d52;
}

.device-storage-notice {
  margin: 0 0 20px;
  padding: 12px 15px;
  border-left: 3px solid #7d8a6b;
  background: #e9ddd0;
  color: #3f3530;
  font-size: 12px;
  line-height: 1.5;
}

.backup-warning {
  max-width: 900px;
  margin-top: 16px;
  color: #6e5d52;
  font-size: 12px;
  line-height: 1.6;
}

#backup-import.text-input {
  height: auto;
  min-height: 48px;
  padding: 8px;
  color: #3f3530;
}

#backup-import-button {
  margin-top: 10px;
}

.secondary-button:disabled {
  opacity: .48;
  cursor: not-allowed;
}

@media (max-width: 600px) {
  .brand img {
    width: 130px;
    height: 56px;
  }

  .brand small {
    font-size: 13px;
  }
}