/* Pile of Bones — marketing site tokens (B133).
   Derived from docs/style-guide.md (PixelSurface constants → hex).
   Grounds are sampled approximations of the crypt art; the true backdrop is art/dungeon-floor.png. */

@font-face {
  font-family: "BoneChisel"; /* display face — biggest headers ONLY (the in-game law) */
  src: url("fonts/BoneChisel.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "m5x7"; /* pixel face — small 16px type (tags, labels, fine print) + app-style controls */
  src: url("fonts/m5x7.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans"; /* body face (B249) — variable weight, latin subset, self-hosted (OFL) */
  src: url("fonts/IBMPlexSans-latin.woff2") format("woff2");
  font-weight: 100 700;
  font-display: swap;
}

:root {
  /* signature colors (laws — keep these meanings) */
  --ember: #e69e00;      /* the app accent: selection, highlights, primary glow */
  --bone: #f5eddb;       /* light ink / die-tile bone */
  --pips: #9ede33;       /* Pips values — lime */
  --mult: #b894fa;       /* +N Mult — lavender text */
  --mult-badge: #734cbf; /* ×N Mult — white text on this deep violet */
  --gold: #f5cc47;       /* Gold, always written $N */
  --turns: #73b8fa;      /* Turns — blue */
  --rerolls: #f57a6b;    /* Rerolls — salmon */

  /* grounds (approximations; the real thing is the crypt art) */
  --ground: #0f0d0a;     /* warm near-black page ground */
  --slate: #1c1815;      /* raised surface / sheet ground */
  --hairline: #3a332c;   /* carved stone rule */
}

/* every piece of game art MUST render pixelated, scaled at integer multiples */
.px, .px img { image-rendering: pixelated; }