/* Generated from kit/tokens.ts and the UI manifest; do not edit. */
:root {
  --c-panel: #171c18;
  --c-well: #121512;
  --c-slot: #252723;
  --c-slotHover: #454941;
  --c-rim: #70604a;
  --c-trough: #0f0d12;
  --c-void: #0f0d12;
  --c-scrim: #0f0d12;
  --c-parchment: #c8b184;
  --c-text: #ead9b3;
  --c-textDim: #b4ad94;
  --c-textDisabled: #77705f;
  --c-ink: #2f2016;
  --c-inkDim: #543826;
  --c-accent: #c9b17b;
  --c-keycap: #c9b17b;
  --c-heading: #c9b17b;
  --c-value: #c9b17b;
  --c-focus: #fff3d8;
  --c-good: #86ab55;
  --c-warn: #c9a24a;
  --c-bad: #d9507c;
  --c-shine: #ffffff;
  --c-shade: #11160d;
  --c-teamBlue: #5b93c0;
  --c-teamBlueSoft: #79b4d6;
  --c-teamBlueBright: #8fc8ed;
  --c-teamRed: #c95a50;
  --c-teamRedSoft: #d68a79;
  --c-teamRedBright: #ee8a7e;
  --c-highlight: #f3e4bf;
  --c-backdrop: #273337;
  --site-panel-frame: url("/site-ui/frame_panel.png") 12 12 12 12 fill / 12px 12px 12px 12px / 0 stretch;
  --site-panel-edge: 12px;
  --site-inset-frame: url("/site-ui/frame_inset.png") 4 4 4 4 fill / 4px 4px 4px 4px / 0 stretch;
  --site-inset-edge: 4px;
  --site-button-frame: url("/site-ui/btn_secondary_normal.png") 5 5 5 5 fill / 5px 5px 5px 5px / 0 stretch;
  --site-button-edge: 5px;
  --site-button-hover-frame: url("/site-ui/btn_secondary_hover.png") 5 5 5 5 fill / 5px 5px 5px 5px / 0 stretch;
  --site-button-hover-edge: 5px;
  --site-button-pressed-frame: url("/site-ui/btn_secondary_pressed.png") 5 5 5 5 fill / 5px 5px 5px 5px / 0 stretch;
  --site-button-pressed-edge: 5px;
}

@font-face {
  font-family: "Sagapora Pixel";
  src: url("/fonts/sagapora-pixel.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Sagapora Pixel Title";
  src: url("/fonts/sagapora-pixel-title.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Sagapora Pixel Display";
  src: url("/fonts/sagapora-pixel-display.ttf") format("truetype");
  font-display: swap;
}