html[data-theme="hell"] {
  --ink: #f7f4ef;
  --pit: #ffffff;
  --bone: #1c1916;
  --lime: #c45c26;
  --copper: #8a3a22;
  --steel: #6a655e;
  --moss: #3f6b4a;
  --line: rgba(28, 25, 22, 0.1);
  --line-2: rgba(28, 25, 22, 0.16);
  --line-3: rgba(28, 25, 22, 0.22);
  --nav: rgba(28, 25, 22, 0.78);
  --header-solid: rgba(247, 244, 239, 0.94);
  --hero-from: rgba(247, 244, 239, 0.96);
  --hero-mid: rgba(247, 244, 239, 0.35);
  --hero-top: rgba(247, 244, 239, 0.08);
  --contact-shade: rgba(247, 244, 239, 0.82);
  --modal-shade: rgba(28, 25, 22, 0.45);
  --flash-border: rgba(196, 92, 38, 0.35);
  --flash-bg: rgba(196, 92, 38, 0.1);
  --lime-muted: rgba(28, 25, 22, 0.5);
  --lime-grid: rgba(28, 25, 22, 0.12);
  --donut-track: #ece6dc;
}

html[data-theme="hell"] .grain { opacity: 0.035; mix-blend-mode: multiply; }
html[data-theme="hell"] .hero h1,
html[data-theme="hell"] .hero .kicker { text-shadow: 0 1px 0 rgba(247, 244, 239, 0.7); }
html[data-theme="hell"] .contact h2,
html[data-theme="hell"] .contact .kicker,
html[data-theme="hell"] .contact p { color: var(--bone); }
html[data-theme="hell"] .admin-side { background: #fff; }
html[data-theme="hell"] .kpis div { background: #fff; }
html[data-theme="hell"] .cards .card { background: #fff; }
html[data-theme="hell"] .cards .card:hover { background: var(--ink); }
html[data-theme="hell"] th { background: #fff; }