/* Shared homepage and application identity. See docs/branding.md. */
@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/assets/outfit.ttf') format('truetype');
}
:root{
    --aub-900:#4a154b; --aub-700:#611f69; --aub-500:#7c3085; --aub-100:#e9dfea; --aub-50:#f4f0f5;
    --sky:#36c5f0; --green:#2eb67d; --yellow:#ecb22e; --red:#e01e5a;
    --ink:#1c1620; --ink-2:#4d4552; --muted:#7a7482; --line:#e5e1e7;
    --surface:#ffffff; --canvas:#f4f2f5; --canvas-alt:#faf9fb;
    --shadow-card:0 1px 2px rgba(28,22,32,.06); --shadow-pop:0 8px 24px rgba(28,22,32,.12);
    --r-chip:6px; --r-input:10px; --r-card:14px; --r-panel:20px;
    --font:Outfit,Helvetica,Arial,sans-serif; --mono:ui-monospace,"SF Mono",Menlo,monospace;
    --max:1140px;
  }
.logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--font);font-size:28px;letter-spacing:-.02em;color:var(--aub-900);line-height:1;text-decoration:none;flex-shrink:0}
.logo img{width:40px;height:40px;flex:none}
.logo b{font-weight:600}
.logo i{font-style:normal;font-weight:500;opacity:.72}
@media(max-width:1040px){.logo{font-size:22px}.logo img{width:32px;height:32px}}
@media(max-width:360px){.logo{font-size:18px;gap:8px}.logo img{width:26px;height:26px}}