/* ============================================================
   ppl logo lockup: mark + wordmark.
   Self-contained: one locally hosted font, no external requests.
   Used by the app header, footer, auth pages, and landing page via
   resources/views/partials/logo.blade.php.
   ============================================================ */

@font-face {
  font-family: 'Sora';
  src: url('../fonts/sora-semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

.ppl-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  line-height: 1;
}

a.ppl-logo:hover,
a.ppl-logo:focus-visible {
  text-decoration: none;
}

.ppl-logo-mark {
  display: block;
  height: 32px;
  width: auto;
}

.ppl-logo-word {
  font-family: 'Sora', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 23px;
  letter-spacing: -0.02em;
  color: #1e2b26;
  line-height: 1;
  white-space: nowrap;
}

/* Small: app footer */
.ppl-logo--sm { gap: 7px; }
.ppl-logo--sm .ppl-logo-mark { height: 20px; }
.ppl-logo--sm .ppl-logo-word { font-size: 15px; }

/* Large: auth pages */
.ppl-logo--lg { gap: 14px; }
.ppl-logo--lg .ppl-logo-mark { height: 60px; }
.ppl-logo--lg .ppl-logo-word { font-size: 40px; }