/* T-0077 · A · Sign · tokens. The stall's look (T-0063/T-0064 tokens): night #0B0B0B, the sign's yellow #FDB515,
   Anton for numbers and the name, Barlow for words, Reem Kufi (geometric Kufi) for the Arabic, lit like neon.
   Contrast (WCAG, measured in the lab: screenshots/_checks.json): yellow on night 11.1:1, white on night 19.7:1. */
:root {
  --bg: #0b0b0b;
  --ink: #ffffff;
  --f-display: 'Anton', 'Impact', 'Arial Narrow', sans-serif;
  --f-text: 'Barlow', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-story: 'Barlow', system-ui, sans-serif;
  --score-track: .01em;

  --hud: #fdb515;
  --hud-shadow: 0 0 22px rgba(253, 181, 21, .45);
  --hud-2: #d9d9d9;
  --pop: #fff6d8;
  --pop-shadow: 0 0 14px rgba(253, 181, 21, .7);
  --hint: #fdb515;
  --quiet-bg: #1d1d1d;
  --quiet-ink: #ffffff;
  --focus: #fdb515;
  --annot: #7fd3e6;

  --accent: #fdb515;
  --accent-hover: #ffc63d;
  --on-accent: #0b0b0b;
  --btn-shadow: 0 0 0 0 rgba(253, 181, 21, 0), 0 0 26px rgba(253, 181, 21, .35);
  --btn-shadow-press: 0 0 12px rgba(253, 181, 21, .25);
  --link: #ffffff;

  --by-color: #d9d9d9;
  --title-color: #fdb515;
  --title-shadow: 0 0 2px #fff3c4, 0 0 18px rgba(253, 181, 21, .7), 0 0 42px rgba(253, 181, 21, .35);
  --title-size: clamp(76px, 23vw, 120px);
  --title-track: .01em;
  --line-color: #ffffff;

  /* the Bismillah: a neon tube that buzzes on */
  --trace: #fff3c4;
  --fill: #fdb515;
  --bism-glow: drop-shadow(0 0 6px rgba(253, 181, 21, .85)) drop-shadow(0 0 22px rgba(253, 181, 21, .45));
  --meaning: #ffffff;
  --stroke: #fff6d8;
  --stroke-glow: 0 0 10px rgba(253, 181, 21, .9), 0 0 30px rgba(253, 181, 21, .5);
  --stroke-radius: 3px;
  --intro-top: 23%;

  --card-bg: #141414;
  --card-border: 0;
  --card-shadow: 0 -1px 0 #2b2b2b;
  --card-ink: #ffffff;
  --card-muted: #b3b3b3;
  --card-line: #2b2b2b;
  --card-link: #ffffff;
  --chip-bg: #fdb515;
  --chip-ink: #0b0b0b;
  --best-ink: #fdb515;
  --deen-color: #fdb515;
  --result-size: 84px;

  --board-bg: #0b0b0b;
  --board-ink: #ffffff;
  --board-muted: #b3b3b3;
  --board-title: #fdb515;
  --back-bg: #1d1d1d;
  --back-ink: #ffffff;
  --row-bg: #141414;
  --row-ink: #ffffff;
  --row-top-bg: #1d1d1d;
  --row-top-ink: #fdb515;
  --you-bg: #fdb515;
  --you-ink: #0b0b0b;
  --nick-bg: #141414;
  --field-bg: #0b0b0b;
  --field-ink: #ffffff;
  --field-line: #5a5a5a;
}
.sf-title { text-transform: uppercase; }
.sf-board-title { text-transform: uppercase; }
.sf-rows li.is-top .sf-h { text-shadow: 0 0 14px rgba(253, 181, 21, .45); }