/* create-fc theme on top of Tangerine.
   Tangerine's one loud colour is orange; here it is Farcaster purple, taken
   from farcaster.xyz (action #7959ff, logo #8a63d2, wash #f8f6ff). The deep
   and link shades are darker steps of the same hue so text passes AA on white
   (6.5:1 and 6.0:1). Token names stay --tg-orange-* so every component picks
   the purple up unchanged. */
:root {
  --tg-orange: #7959ff;
  --tg-orange-vivid: #8a63d2;
  --tg-orange-deep: #5d43d6;
  --tg-orange-link: #6247de;
  --tg-orange-pressed: #6a4ee6;
  --tg-orange-wash: #f8f6ff;
  --tg-orange-edge: #d6ccff;
  --tg-orange-line: #e2dbf7;

  /* terminal blocks: the tutorial's one dark surface */
  --fc-term-bg: var(--tg-ink);
  --fc-term-text: #e9ece9;
  --fc-term-dim: #9aa29b;
  --fc-term-prompt: #b3a3ff;
}

/* Brand lockup: the keyboard mark + "create-fc", one image from brand/logo/.
   Height is 1.24x the wordmark's old font size, so the header keeps its rhythm. */
.fc-lockup { display: block; height: 28px; width: auto; }
.tg-wordmark--sm .fc-lockup { height: 20px; }
@media (max-width: 640px) { .tg-wordmark .fc-lockup { height: 26px; } .tg-wordmark--sm .fc-lockup { height: 20px; } }