/*
 * ServerAddict — shared brand tokens and self-hosted fonts.
 * See DESIGN.md for the system these values belong to. Load this before
 * any page-specific stylesheet that references --sa-* custom properties.
 */

@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/jetbrains-mono/jetbrains-mono-variable.woff2') format('woff2');
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url('../fonts/caveat/caveat-variable.woff2') format('woff2');
}

:root {
  --sa-bg: #08090b;
  --sa-panel: rgba(9, 10, 13, 0.82);
  --sa-panel-border: rgba(255, 255, 255, 0.09);
  --sa-text: #f2f2f3;
  --sa-text-muted: #9a9aa0;
  --sa-violet: #8b5cf6;
  --sa-violet-strong: #a78bfa;
  --sa-violet-tint: rgba(139, 92, 246, 0.14);
  --sa-amber: #f2a93b;
  --sa-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --sa-font-hand: 'Caveat', cursive;
}