/* v10 brand lockup — hexagonal mark + "ARes" wordmark.
 * Keep one rule per concern so the navbar / footer / login-card variants
 * stay aligned without re-declaring everything. */

.ares-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;
  line-height: 1;
}

.ares-brand-mark {
  display: block;
  /* The hex mark already has its own internal padding; we want it sitting
   * flush against the text without an extra box shadow / background. */
  height: 36px;
  width: auto;
  flex-shrink: 0;
  /* Soft drop-shadow so the mark stays legible on light AND dark navbars. */
  filter: drop-shadow(0 1px 1px rgba(15, 23, 42, 0.06));
}

.ares-brand-text {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.45rem;
  letter-spacing: -0.01em;
  /* Match the teal-to-deep-blue gradient of the mark so the lockup reads
   * as a single unit, not "logo + black word". */
  background: linear-gradient(135deg, #2dd4bf 0%, #2563eb 55%, #1e3a8a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #1e3a8a; /* fallback for browsers without bg-clip:text */
}

.navbar .ares-brand-text {
  /* Slightly larger in the nav so it carries page weight. */
  font-size: 1.55rem;
}

/* Smaller variant used in the footer / login card. */
.ares-brand-sm .ares-brand-mark { height: 24px; }
.ares-brand-sm .ares-brand-text { font-size: 1.1rem; }

/* Hover affordance only on the linkified version. */
a.ares-brand:hover .ares-brand-text {
  filter: brightness(1.05);
}