/* 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:         #101216;   /* studio black */
  --brand-bg-deep:    #0b0d10;
  --brand-surface:    #181b21;
  --brand-surface-2:  #21252e;
  --brand-text:       #e6e9ee;
  --brand-text-muted: #8a92a0;
  --brand-border:     rgba(255, 255, 255, 0.08);
  --brand-accent:     #ff7849;   /* signal orange */
  --brand-accent-2:   #4cc9f0;   /* cyan */
  --brand-glow:       #ff7849;
  --font-display:     "Space Grotesk", system-ui, sans-serif;
  --font-body:        "Inter", system-ui, sans-serif;
  --font-mono:        "JetBrains Mono", ui-monospace, monospace;
}