/* ============================================================
   Q FABRICATION LABS — MASTER BRAND SHEET
   Direction 2B (Tolerance) · matches the logo package Rev 1.0

   THE single source of branding for every surface: coming-soon
   page, customer site, admin dashboard, emails-as-HTML. Served
   at /brand/brand.css for all hosts. Swap asset files in
   /brand/assets/ and edit the tokens below — never restyle
   pages individually.

   Rules (from the brand reference):
   - The mark IS the "Q" — never add a separate typographic Q.
   - Below ~48px use the simplified favicon variants, not a
     scaled-down mark. Clearspace >= inner-ring radius.
   - Single color; no gradients, shadows, rotation, stretching.
   ============================================================ */

/* ---- self-hosted brand fonts (latin) ---- */
@font-face {
  font-family: "Space Grotesk"; font-style: normal; font-weight: 500;
  font-display: swap; src: url("assets/fonts/SpaceGrotesk-500.woff2") format("woff2");
}
@font-face {
  font-family: "Space Grotesk"; font-style: normal; font-weight: 600;
  font-display: swap; src: url("assets/fonts/SpaceGrotesk-600.woff2") format("woff2");
}
@font-face {
  font-family: "Space Grotesk"; font-style: normal; font-weight: 700;
  font-display: swap; src: url("assets/fonts/SpaceGrotesk-700.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400;
  font-display: swap; src: url("assets/fonts/IBMPlexMono-400.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500;
  font-display: swap; src: url("assets/fonts/IBMPlexMono-500.woff2") format("woff2");
}

:root {
  /* ---- palette (logo package README is authoritative) ---- */
  --brand-orange:      #E2610F;  /* Fab Orange — primary / mark */
  --brand-orange-tint: #F07D2C;  /* reverse on dark surfaces */
  --brand-graphite:    #34373C;  /* type / dark surfaces */
  --brand-bg:          #F6F6F5;  /* off-white surface */
  --brand-surface:     #FFFFFF;
  --brand-ink:         #2A2D31;  /* body text on light */
  --brand-muted:       #6C7075;
  --brand-line:        #E3E2E0;

  /* ---- type ---- */
  --brand-font-display: "Space Grotesk", system-ui, -apple-system, sans-serif;
  --brand-font-body:    "Space Grotesk", system-ui, -apple-system, sans-serif;
  --brand-font-mono:    "IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;

  /* ---- assets (absolute paths; /brand/ is served on every host) ---- */
  --brand-mark:              url("/brand/assets/svg/q-mark.svg");
  --brand-mark-reverse:      url("/brand/assets/svg/q-mark-reverse.svg");
  --brand-wordmark:          url("/brand/assets/svg/q-wordmark.svg");
  --brand-wordmark-reverse:  url("/brand/assets/svg/q-wordmark-reverse.svg");
}