/*
 * Brand — the product logomark + wordmark. Rendered by `shared/_brand`
 * at the top of the sidebar and on the auth card.
 */

@layer components {
  .brand {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    text-decoration: none;
  }

  .brand__mark {
    width: 1.5rem;
    height: 1.5rem;
    object-fit: contain;
  }

  .brand__name {
    font-size: var(--text-base);
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--color-text-heading);
  }

  /* Sidebar brand row — sits above the company switcher (product
     identity over workspace identity, Linear/Shopify-style). */
  .sidebar__brand {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: 0 var(--space-2);
    margin-bottom: var(--space-5);
  }
}