/* Quiet paper overlay for the AutoSignal static build. Loaded after the compiled CSS. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap");

:root {
  --bg: #f7f6f3;
  --bg-deep: #f7f6f3;
  --card: #ffffff;
  --card-soft: transparent;
  --ink: #1c1c1c;
  --body: #5a5a5a;
  --muted: #8a8a8a;
  --muted-2: #8a8a8a;
  --accent: #1c1c1c;
  --accent-dark: #3d3d3d;
  --accent-soft: #f1efe9;
  --present: #1c1c1c;
  --present-bg: #f1efe9;
  --absent-bg: #f7f6f3;
  --border: #e4e2dc;
  --shadow: none;
  --serif: "Inter", system-ui, "Segoe UI", sans-serif;
  --sans: "Inter", system-ui, "Segoe UI", sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --radius: 0;
  --on-accent: #f7f6f3;
}

body {
  background-color: var(--bg) !important;
  background-image: none !important;
  font-weight: 400 !important;
  font-size: 16px !important;
}

.brand-link,
.title,
.short-answer {
  font-family: var(--serif) !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
}

.brand-link {
  font-size: 1.15rem !important;
}

.title {
  font-size: 2.4rem !important;
}

.top-meta,
.eyebrow,
.vin-toggle,
.section-label,
.ask-btn,
.copy-btn,
.ghost-btn,
.chip-btn,
.ev-chip,
.source-kind,
.sources-toggle,
.clear-btn,
.new-q,
.pdf-link,
.disclaimer,
.eta-total,
.eta-text {
  font-family: var(--sans) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.ask-btn {
  background: var(--ink) !important;
  color: var(--on-accent) !important;
  box-shadow: none !important;
  transform: none !important;
  font-size: 0.9rem !important;
  padding: 0.7rem 1rem !important;
}

.ask-btn:hover:not(:disabled) {
  background: var(--accent-dark) !important;
  box-shadow: none !important;
  transform: none !important;
}

.card {
  border-color: var(--border) !important;
}

.chip-btn,
.recent-item,
.source-card,
.progress,
.composer textarea,
.vin-input,
.follow input {
  border-radius: 0 !important;
}

.dot {
  background: var(--ink) !important;
  border-radius: 50% !important;
}
