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