/* raze, Hyperspace: the colors and fonts of the brand. See docs/brand.md. */
@font-face { font-family: "Unbounded"; src: url("fonts/Unbounded.woff2") format("woff2"); font-weight: 200 900; font-display: swap; }
@font-face { font-family: "Sora"; src: url("fonts/Sora.woff2") format("woff2"); font-weight: 100 800; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("fonts/JetBrainsMono.woff2") format("woff2"); font-weight: 100 800; font-display: swap; }

:root {
  /* space: backgrounds, from deep to raised */
  --raze-void: #0B0614;
  --raze-hull: #120A20;
  --raze-nebula: #1C1130;
  --raze-line: #2E1F4A;

  /* light: text */
  --raze-starlight: #F3EEFF;
  --raze-haze: #B9ACD6;
  --raze-dust: #8E80B2;

  /* neon: accents */
  --raze-plasma: #FF2BD6;
  --raze-ion: #2DF3FF;
  --raze-flare: #F7FF3C;

  /* signals: states */
  --raze-go: #3DFFA2;
  --raze-caution: #F7FF3C;
  --raze-fault: #FF6B3D;

  /* more neon, for telling things apart, like apps and nodes in charts */
  --raze-series: #2DF3FF, #FF2BD6, #F7FF3C, #B38CFF, #3DFFA2, #FF9F3D, #6CA8FF, #FF7EB6;

  --raze-font-display: "Unbounded", "Arial Black", sans-serif;
  --raze-font-text: "Sora", system-ui, sans-serif;
  --raze-font-mono: "JetBrains Mono", ui-monospace, monospace;

  --raze-radius: 14px;
  --raze-glow: 0 0 18px;
}