:root {
  /* Chassis and panels */
  --bg-deep: #090B09;
  --bg-panel: #111310;
  --header-band: #1A1D18;
  --seam: #080C09;
  --chassis: #0E120F;
  --canvas: #151A16;
  --widget: #1E211B;
  --widget-hover: #282C24;
  --widget-pressed: #121511;
  --border: #34392E;
  --border-soft: #22261F;

  /* Accents */
  --accent: #8FB85A;
  --accent-glow: #B0DE78;
  --accent-dim: #3C4E2E;
  --hot: #FFBE33;
  --preset: #D6AA5C;
  --mod: #78C8FF;
  --warn: #E0C460;
  --beat-red: #D64E4E;
  --led-green: #51C86B;
  --led-red: #E05048;

  /* Axis identity */
  --axis-x: #CB5659;
  --axis-y: #7CB944;
  --axis-z: #4B9FE0;

  /* Type */
  --text: #C9CEC2;
  --text-strong: #ECEFE6;
  --text-dim: #8A9080;
  --font-ui: "Xenon Nue", "Helvetica Neue", Arial, sans-serif;
  --font-num: "Oxanium", ui-monospace, monospace;

  /* Geometry */
  --radius: 5px;
  --radius-capsule: 7px;
  --card-shadow: 0 3px 12px rgba(0, 0, 0, 0.55);
  --rail: 3px;
}

@font-face {
  font-family: "Xenon Nue";
  src: url("../fonts/XenonNue.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Oxanium";
  src: url("../fonts/Oxanium-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
}