/* FileUp brand — shared by every static page (landing, tour, receive).
 *
 * Served from /brand/ so one edit reaches all of them. Both pages used to
 * carry their own copy of the lockup: the tour drifted to a bare orange mark
 * with plain text while the landing had the tile + uppercase wordmark, and
 * the mark's SVG paths were pasted into each page. The mark now comes from
 * the approved asset beside this file.
 *
 * NOTE: /brand/ is served with Cache-Control max-age=86400, so bump the ?v=
 * on the <link> when changing this file or returning visitors keep the old
 * one for a day.
 */
:root {
  --fu-navy:   #041620;  /* Virtuall navy — page ink / mark on orange */
  --fu-orange: #F58902;  /* FileUp orange — accent, "Up" in the wordmark */
  --fu-text:   #E8E8E4;  /* wordmark on dark */
}

/* The lockup: tile + wordmark. Works as <a> or <div>. */
.fu-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: 'Kanit', 'Inter Tight', 'Inter', sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fu-text);
  text-decoration: none;
}

.fu-brand-mark {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  display: block;
}

/* ONE flex item. A bare "File" text node plus <b>Up</b> would be two
   children, and the 10px row gap would land inside the word — which is
   exactly how the landing nav came to read "File Up". */
.fu-brand-word { white-space: nowrap; }
.fu-brand-word b { font-weight: 600; color: var(--fu-orange); }

/* Smaller variant for tight bars. */
.fu-brand.fu-brand-sm { font-size: 15px; gap: 8px; }
.fu-brand.fu-brand-sm .fu-brand-mark { width: 30px; height: 30px; }