/*
 * brand.css - canonical AlaskaAutomations wordmark
 *
 * Use class="brand-mark" on any anchor/span containing the wordmark.
 * Default size is 18px. To override, set --brand-size on a parent:
 *   .auth-card .brand-mark { --brand-size: 28px; }
 *
 * The wordmark renders "Alaska" in primary text color and "Automations"
 * (in a child <span>) in brand red. The hover effect is uniform.
 */

.brand-mark {
  font-size: var(--brand-size, 18px);
  font-weight: 700;
  letter-spacing: -0.3px;
  color: var(--text-primary, #ededf0);
  text-decoration: none;
  display: inline-block;
  transition: opacity 0.15s ease;
}

.brand-mark span {
  color: var(--red, #c8102e);
}

.brand-mark:hover {
  opacity: 0.85;
}