/* ── PSGC Theme — generated by /theme.css — do not edit manually ── */
:root {
  /* Colors */
  --ink: #032231;
  --ink2: #1e293b;
  --paper: #f8fafc;
  --card: #ffffff;
  --yellow: #032231;
  --accent: #f59e0b;
  --accent-dark: #032231cc;
  --line: #e5e7eb;
  --muted: #64748b;
  --ok: #22c55e;
  --warn: #b45309;
  --bad: #ef4444;
  /* Appearance */
  --radius: 20px;
  --btn-radius: 11px;
  /* Font sizes */
  --fs-base:  16px;
  --fs-h1:    1.00rem;
  --fs-h2:    0.90rem;
  --fs-h3:    0.88rem;
  --fs-h4:    0.80rem;
  --fs-h5:    0.85rem;
  --fs-p:     0.90rem;
  --fs-btn:   0.90rem;
  --fs-nav:   0.90rem;
  --fs-label: 1.00rem;
  --fs-small: 0.90rem;
  --fs-input: 1.05rem;
  /* PSGC named aliases */
  --psgc-primary:    #032231;
  --psgc-secondary:  #032231;
  --psgc-accent:     #f59e0b;
  --psgc-success:    #22c55e;
  --psgc-danger:     #ef4444;
  --psgc-bg:         #f8fafc;
  --psgc-text:       #000000;
  --psgc-border:     #e5e7eb;
}

/* ── Base typography ── */
html { font-size: 16px; }
body {
  color: #000000;
  background: #f8fafc;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  font-size: var(--fs-base);
}

/* ── Headings — apply to every h1-h5 on the site ── */
h1, .ld-head h1, .detail-head h1, .page-head h1, .dealer-banner h1,
.auth-panel h1, .sf-identity-text h1, .admin-bar h1 {
  font-size: var(--fs-h1) !important;
}
h2, .ld-card-head h2, .sell-cta h2, .sf-card-head h2,
.msg-list-head h2, .promise h2, .sell-band-copy h2 {
  font-size: var(--fs-h2) !important;
}
h3, .panel-head, .panel-head h3, .form-section-head,
.settings-subhead, .modal-head h3, .add-field-form h3 {
  font-size: var(--fs-h3) !important;
}
h4, .ld-seller h3, .spec-section-head, .auc-summary-box h4 {
  font-size: var(--fs-h4) !important;
}
h5, .filter-section-head, .compare-section-head,
.spec-section-head, .field-section h4 {
  font-size: var(--fs-h5) !important;
}

/* ── Paragraphs ── */
p, .desc, .home-hero-lede {
  font-size: var(--fs-p);
}

/* ── Buttons ── */
.btn {
  font-size: var(--fs-btn) !important;
  border-radius: var(--btn-radius) !important;
}
button, input[type="submit"], input[type="button"] {
  font-size: var(--fs-btn);
}

/* ── Navigation links ── */
.links > a, .nav a, .admin-side-nav a,
.foot a, .inv-tab, .spec-tab, .acct-menu a {
  font-size: var(--fs-nav);
}

/* ── Form labels ── */
label {
  font-size: var(--fs-label);
}

/* ── Small / muted text ── */
.muted, small, .muted.tiny, .tiny {
  font-size: var(--fs-small);
}

/* ── Inputs / selects / textareas ── */
.filters input, .filters select,
.stack input, .stack select, .stack textarea,
.review-form input, .review-form select,
.chat-form input, label input,
input[type="text"], input[type="number"], input[type="email"],
input[type="tel"], input[type="password"], input[type="url"],
input[type="date"], input[type="time"], input[type="color"],
select, textarea {
  font-size: var(--fs-input) !important;
}

/* ── Colors ── */
.btn.primary, .btn.yellow { background: #032231 !important; }
.btn.dark { background: #032231 !important; }
.card { border-radius: var(--radius) !important; }
.plate { background: #032231 !important; }
.tag.feat { background: #032231 !important; }
.hero { background: #032231 !important; }
.home-hero { background: #032231 !important; }
.admin-side { background: #032231 !important; }
.admin-side a { color: rgba(255,255,255,0.75) !important; }
.admin-side a.on, .admin-side a:hover { background: #032231 !important; color: #fff !important; }