/* TrackComposer theme — TDD 31 §2 tokens. Loaded after base.css; tokens only. */

@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 500 700;   /* variable file — covers both spec'd weights */
  font-display: swap;
  src: url("fonts/space-grotesk-latin-var.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/inter-latin-400.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/inter-latin-600.woff2") format("woff2");
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/jetbrains-mono-latin-400.woff2") format("woff2");
}

:root {
  --brand-bg:         #0e1218;   /* slate black */
  --brand-bg-deep:    #090c11;   /* deepest panel */
  --brand-surface:    #161c25;   /* raised surface */
  --brand-surface-2:  #1f2733;   /* surface, one step up */
  --brand-text:       #e7ebf1;   /* primary text */
  --brand-text-muted: #8b94a4;   /* secondary text */
  --brand-border:     rgba(255, 255, 255, 0.08);
  --brand-accent:     #5b9bd5;   /* steel blue */
  --brand-accent-2:   #87b4dd;   /* lighter steel */
  --brand-glow:       #5b9bd5;   /* steel-blue glow */
  --font-display:     "Space Grotesk", system-ui, sans-serif;
  --font-body:        "Inter", system-ui, sans-serif;
  --font-mono:        "JetBrains Mono", ui-monospace, monospace;
}