/**
 * AIUX Studio shared components.
 * Extracted from CSS that was duplicated, byte-identical (aside from
 * incidental whitespace), across multiple pages in this repo. Requires
 * aiux-tokens.css to be linked first (uses --gold, --navy-deep, --white).
 *
 * Included: .btn-primary, .btn-ghost, .tag — confirmed identical wherever
 * they appeared. NOT included: card styles or a shared divider — the
 * audit found .case-card (index.html) and .work-card (work.html) are two
 * genuinely different patterns, and divider rules use inconsistent
 * opacity (0.1 in one place, 0.2 in another) with no dedicated class.
 * Consolidating those would mean picking a winner, which is a design
 * decision, not a mechanical extraction — left out of this pass on
 * purpose. See TOKENS_PROVENANCE.md in the @aiux/ui package for detail.
 */

.btn-primary {
  background: var(--gold);
  color: var(--navy-deep);
  font-family: 'Montserrat', sans-serif;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.9rem 2.2rem;
  border: none;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  transition: background 0.2s, transform 0.15s;
}
.btn-primary:hover { background: var(--gold-light); transform: translateY(-1px); }

.btn-ghost {
  color: var(--white);
  font-family: 'Montserrat', sans-serif;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.9rem 2.2rem;
  border: 1px solid rgba(245,240,232,0.25);
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  transition: border-color 0.2s, color 0.2s;
}
.btn-ghost:hover { border-color: var(--gold); color: var(--gold); }

.tag {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gold);
  border: 1px solid rgba(201,168,76,0.3);
  padding: 0.3rem 0.75rem;
}