/* Killa Hamsta — shared brand tokens */
:root {
  --bone: #f1ece1;
  --bone-2: #e6dfd0;
  --paper: #f8f5ee;
  --ink: #14110d;
  --ink-2: #2b2620;
  --stream: #1f3a3a;
  --stream-2: #2c5050;
  --pelt: #b06832;
  --pelt-2: #8a4d22;
  --hazard: #e8c54a;
  --blood: #9a2a1c;
  --fog: #c8c3b6;

  --display: "Anton", "Oswald", Impact, sans-serif;
  --sans: "Space Grotesk", system-ui, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--sans);
  color: var(--ink);
  background: var(--bone);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.kh-display { font-family: var(--display); font-weight: 400; letter-spacing: 0.005em; line-height: 0.92; text-transform: uppercase; }
.kh-mono { font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; }

.kh-stamp {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 10px;
  border: 1.5px solid currentColor;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.kh-divider {
  height: 1px;
  background: currentColor;
  opacity: 0.2;
}

/* utility hazard tape */
.kh-hazard-tape {
  background-image: repeating-linear-gradient(
    -45deg,
    var(--hazard) 0 18px,
    var(--ink) 18px 36px
  );
}