/* =============================================================
   GHIL LABS — BACKOFFICE SHARED COMPONENTS
   Loaded on every demo/guide page alongside ghil-tokens.css.
   Component-level rules shared across the four workbenches.
   ============================================================= */

/* cross-site nav row injected into each demo/guide header */
.nav-links li a{color:var(--ink-2);text-decoration:none;font:600 var(--t-sm)/1 var(--sans)}
.nav-links li a:hover{color:var(--gold)}

/* [data-ghil-base] a{color:inherit} in ghil-tokens.css outranks the demos'
   single-class .button selector on specificity, so the label text was
   inheriting the surrounding text colour instead of the button's own —
   invisible dark-on-dark. Match/beat that specificity explicitly. */
[data-ghil-base] .button{color:var(--paper-2)}
[data-ghil-base] .button:hover{color:var(--ink)}
[data-ghil-base] .button.ghost{color:var(--ink)}
[data-ghil-base] .button.ghost:hover{color:var(--paper-2)}