:root {
  /* ── Theme ── */
  --bg:           #1A1C14;
  --surface:      #252818;
  --surface2:     #33361F;
  --border:       #4A4E33;
  --orange:       #FF7A1A;
  --orange-dim:   color-mix(in srgb, var(--orange) 15%, transparent);
  --orange-hover: color-mix(in srgb, var(--orange) 85%, white);
  --text:         #F5F4E8;
  --text-muted:   #A8A892;
  --text-dim:     color-mix(in srgb, var(--text-muted) 60%, transparent);
  --danger:       #FF3B30;
  --danger-dim:   #3D1008;
  --danger-text:  #FF8770;
  --nav-height:   56px;

  /* ── Attribute badges (gear type, reissue) — matches app AttributeBadgeBg/Fg ── */
  --attr-bg:  #38301E;
  --attr-fg:  #9A8D82;

  /* ── Message / text post badge ── */
  --msg-bg:     #336EA8E0;
  --msg-fg:     #9DC4F0;
  --msg-border: #4D6EA8E0;

  /* ── Looking For badge ── */
  --lf-bg: #1F3320;
  --lf-fg: #7DD86B;

  /* ── Signed badge — matches app SignedBadgeBg/Fg ── */
  --signed-bg: #FF8C00;
  --signed-fg: #FFFFFF;

  /* ── Status badges — matches app StatusForSaleBg / StatusTradeBg / StatusSoldBg ── */
  --status-sale-bg:  #22C55E;
  --status-trade-bg: #3B82F6;
  --status-sold-bg:  #6B7280;
  --status-fg:       #FFFFFF;

  /* ── Condition badges — matches app ConditionNewBg / ConditionUsedBg ── */
  --cond-new-bg:  #22C55E;
  --cond-new-fg:  #FFFFFF;
  --cond-used-bg: #38301E;
  --cond-used-fg: #9A8D82;
}