/* VOBOM blog index light theme v1.0.0 — preserves all structure and sizing. */
:root {
  color-scheme: light;
  --bg: #FFFFFF;
  --panel: #F6F6F6;
  --fg: #333333;
  --muted: #666666;
  --acc: #D82626;
  --acc2: #A91F1F;
  --line: #DDDDDD;
}
html, body { background: #FFFFFF !important; color: #333333 !important; }
.hero { background: linear-gradient(135deg, #FFFFFF, #F6F6F6) !important; border-color: #DDDDDD !important; }
.hero .cc, .hero p, .guide-intro, .market, .spec h3, .card .meta, .section-head p, .faq .ans, footer { color: #666666 !important; }
.badge-brand, .guide-intro a, .faq summary::before { color: #D82626 !important; }
.guide-intro, .spec, .card, .faq details { background: #F6F6F6 !important; color: #333333 !important; border-color: #DDDDDD !important; }
.btn.ghost { background: #FFFFFF !important; color: #333333 !important; border-color: #CCCCCC !important; }
.note-fit { background: #FFF7F7 !important; border-color: #D82626 !important; color: #333333 !important; }
.card img { background: #FFFFFF !important; }
.card .price { color: #D82626 !important; }
.fit.ok { background: rgba(216, 38, 38, .10) !important; color: #8C1B1B !important; }
.fit.uni { background: #FFFFFF !important; color: #555555 !important; border-color: #CCCCCC !important; }
.cta { background: #D82626 !important; border-color: #D82626 !important; }
.cta .btn { background: #FFFFFF !important; color: #D82626 !important; border-color: #FFFFFF !important; }
footer { border-color: #DDDDDD !important; }
