/* ==========================================================================
   OgbonLab brand wordmark
   --------------------------------------------------------------------------
   Two-tone "Ogbon" + "Lab" lockup. The accent color comes from the existing
   `--ac` token (terracotta in both themes) so the wordmark recolors
   automatically with the rest of the brand surface. Apply via the
   brandWord() helper in app.js (returns an HTML string) or inline in
   static HTML.

   Usage (HTML):
     <span class="brand-word">
       <span class="brand-prefix">Ogbon</span><span class="brand-accent">Lab</span>
     </span>

   Usage (JS):
     element[textProp] = brandWord("OgbonLab");
     // (write to the appropriate HTML-set property; brandWord wraps the
     // literal "OgbonLab" but leaves any other text untouched).
   ========================================================================== */

.brand-word {
  font-family: var(--font-serif);
  font-weight: 500;
  letter-spacing: -0.01em;
  display: inline-block;
}
.brand-prefix { color: var(--tx); }
.brand-accent { color: var(--ac); }