/* theme-face:vehicle */
body[data-theme="vehicle"] {
  --ink: #2c3e50;
  --accent: #c0392b;
  --paper: #f4f6f8;
  --on: #ffffff;
  --display: "Arial Narrow", "Segoe UI", sans-serif;
  background: #f4f6f8;
  color: #2c3e50;
}
body[data-theme="vehicle"] .utility-bar { background: #2c3e50; color: #fff; }
body[data-theme="vehicle"] .brand-mark { background: #2c3e50; color: #fff; }
body[data-theme="vehicle"] .brand-copy strong,
body[data-theme="vehicle"] h1,
body[data-theme="vehicle"] h2 { font-family: "Arial Narrow", "Segoe UI", sans-serif; }
body[data-theme="vehicle"] .header-search button,
body[data-theme="vehicle"] .button-primary { background: #c0392b; color: #ffffff; border-color: #c0392b; }
body[data-theme="vehicle"] .nav-shell { background: #2c3e50; }
body[data-theme="vehicle"] .main-nav a { color: #fff; }
body[data-theme="vehicle"] .category-menu > summary { background: #c0392b; color: #ffffff; }
body[data-theme="vehicle"] .site-footer { background: #2c3e50; color: #fff; }
body[data-theme="vehicle"] .site-footer a { color: #fff; }
body[data-theme="vehicle"] .hero-copy-block h1,
body[data-theme="vehicle"] .hero-kicker,
body[data-theme="vehicle"] .hero-copy-block > p,
body[data-theme="vehicle"] .hero-points,
body[data-theme="vehicle"] .section-kicker { color: #2c3e50; }
body[data-theme="vehicle"] .catalog-header { background: #2c3e50; color: #fff; }
body[data-theme="vehicle"] .catalog-header .section-kicker,
body[data-theme="vehicle"] .catalog-header h1,
body[data-theme="vehicle"] .catalog-header p { color: #fff; }
body[data-theme="vehicle"] .catalog-count strong { color: #c0392b; }
body[data-theme="vehicle"] .category-menu-level-0 { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px 18px; }
body[data-theme="vehicle"] .category-menu-level-1 { margin: 4px 0 10px; padding-left: 12px; }
body[data-theme="vehicle"] .brand-mark { background: #c0392b; color: #fff; } body[data-theme="vehicle"] .site-header, body[data-theme="vehicle"] .nav-shell { background: #2c3e50; } body[data-theme="vehicle"] .brand-copy strong, body[data-theme="vehicle"] .main-nav a, body[data-theme="vehicle"] .header-guide { color: #fff; } body[data-theme="vehicle"] .commerce-hero { background: #eceff1; border-left: 10px solid #c0392b; } body[data-theme="vehicle"] h1 { text-transform: uppercase; } body[data-theme="vehicle"] .category-card { background: #fff; border-radius: 0; border-left: 8px solid #c0392b; } body[data-theme="vehicle"] .button { border-radius: 0; text-transform: uppercase; }