/*
 * Limelight Team -- shared design tokens + utilities.
 * Loaded as a dependency of every other team stylesheet.
 */

:root {
  --lt-bg:           #fafafa;
  --lt-surface:      #ffffff;
  --lt-border:       #ececec;
  --lt-border-strong:#d6d6d6;
  --lt-ink:          #1f2937;
  --lt-ink-soft:     #374151;
  --lt-mute:         #5b6470;
  --lt-mute-2:       #6b7280;
  --lt-accent:       #0e7a26;   /* readable limelight green for text/labels */
  --lt-accent-ink:   #0a5d1d;   /* hover / active */
  --lt-accent-soft:  #5dd95d;   /* decorative only -- backgrounds, hero fills */
  --lt-shadow-sm:    0 1px 2px rgba(0, 0, 0, 0.04);
  --lt-shadow-md:    0 6px 18px rgba(0, 0, 0, 0.06), 0 2px 6px rgba(0, 0, 0, 0.04);
  --lt-shadow-lg:    0 20px 40px rgba(0, 0, 0, 0.10), 0 6px 14px rgba(0, 0, 0, 0.05);
  --lt-radius-sm:    8px;
  --lt-radius:       12px;
  --lt-radius-lg:    20px;
  --lt-font:         "Nexa", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Inline SVG icon defaults */
.lt-icon {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
}

/* Social row (used by [lt_team_full] and single profile) */
.lt-social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

.lt-social__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: #f3f4f6;
  color: var(--lt-ink);
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
  font-size: 16px;
  border: 1px solid transparent;
}

.lt-social__link:hover,
.lt-social__link:focus-visible {
  background: var(--lt-ink);
  color: #fff;
  transform: translateY(-2px);
  text-decoration: none;
  outline: none;
}

.lt-social__link .lt-icon {
  width: 18px;
  height: 18px;
}

@media (prefers-reduced-motion: reduce) {
  .lt-social__link {
    transition: none;
  }
  .lt-social__link:hover,
  .lt-social__link:focus-visible {
    transform: none;
  }
}