/* Fireworks Safety page dark theme */

:root[data-theme="dark"] body.safety-page {
  background: #050b18;
  color: var(--text);
}

:root[data-theme="dark"] body.safety-page .site-nav a {
  color: rgba(255, 255, 255, 0.88);
}

:root[data-theme="dark"] body.safety-page .site-nav a:hover {
  color: var(--gold);
}

:root[data-theme="dark"] body.safety-page .safety-glossary {
  background: #07101f;
}

:root[data-theme="dark"] body.safety-page .usa250-exclusive-head h2,
:root[data-theme="dark"] body.safety-page .safety-glossary-section-head h3 {
  color: #fff;
}

:root[data-theme="dark"] body.safety-page .usa250-exclusive-head .section-lead,
:root[data-theme="dark"] body.safety-page .safety-glossary-section-head .section-lead {
  color: var(--text-soft);
}

:root[data-theme="dark"] body.safety-page .safety-glossary-section + .safety-glossary-section {
  border-top-color: rgba(255, 255, 255, 0.08);
}

:root[data-theme="dark"] body.safety-page .safety-glossary-section .usa250-product-grid .usa250-product-card {
  background: #0c1833;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow:
    0 22px 44px rgba(0, 0, 0, 0.28),
    0 8px 28px rgba(225, 31, 45, 0.22);
}

:root[data-theme="dark"] body.safety-page .safety-glossary-section .usa250-product-grid .usa250-product-card:hover {
  box-shadow:
    0 26px 48px rgba(0, 0, 0, 0.32),
    0 10px 32px rgba(225, 31, 45, 0.26);
}

:root[data-theme="dark"] body.safety-page .safety-glossary-section .usa250-product-grid .usa250-product-image {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.02) 100%);
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

:root[data-theme="dark"] body.safety-page .safety-glossary-section .usa250-product-grid .usa250-product-card:hover .usa250-product-image {
  background:
    radial-gradient(120% 80% at 50% 100%, rgba(225, 31, 45, 0.1) 0%, transparent 55%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%);
}

:root[data-theme="dark"] body.safety-page .safety-glossary-section .usa250-product-grid .usa250-product-body h3 {
  color: rgba(255, 255, 255, 0.94);
}

:root[data-theme="dark"] body.safety-page .safety-glossary-section .usa250-product-grid .usa250-product-body p {
  color: var(--text-soft);
}