/*
  Quant Compose logo system — tokens.

  The mark reads four custom properties. Two are fixed brand colours; two are
  the live materials, graphite by default and overridden on <html> by
  applyLogoMaterial() when the host has a non-default accent.

  A host that already declares these (the website's tokens.css does) does not
  need this file.
*/
:root {
  --logo-graphite: #12161c;
  --logo-paper: #f4f5f8;
  --logo-badge: var(--logo-graphite);
  --logo-triangle: var(--logo-graphite);

  /* Wordmark: map to the host's own text tokens where it has them. */
  --logo-font: "Bricolage Grotesque Variable", "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
  --logo-ink: #0d1120;
  --logo-ink-mid: #48506a;
  --logo-duration: 240ms;
  --logo-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

/* Dark surfaces: the wordmark goes to paper. The badge itself never changes with the scheme. */
:root[data-theme="dark"], [data-zone="deep"], .logo-on-dark {
  --logo-ink: #eef1f6;
  --logo-ink-mid: #a9b1c2;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --logo-ink: #eef1f6;
    --logo-ink-mid: #a9b1c2;
  }
}