/* ROLL6 brand tokens (ROLL6 品牌設定, 2026-09): a dark ground and a die with
   only one face lit. Every page links this before its own stylesheet; the
   display's PixiJS screens read the same values from protocol/brand.js.

   One lit thing per screen: --r6-glow marks the primary action or the
   current focus, nothing else. Numbers, codes and scores use the display
   face (Unbounded); all Chinese uses the sans stack. Phones rely on their
   system Chinese font (PingFang TC on iPhone, Noto Sans CJK on Android); the
   big screen and Admin load Noto Sans TC from Google Fonts. */
:root {
  --r6-night: #15161E;
  --r6-deep: #0E0F15;
  --r6-face: #1D1F2A;
  --r6-face-2: #242634;
  --r6-line: #303346;
  --r6-line-strong: #4A4D63;
  --r6-glow: #A08CFF;
  --r6-glow-hover: #B6A8FF;
  --r6-glow-soft: rgba(160, 140, 255, .16);
  --r6-glow-text: #CFC6FF;
  --r6-pip: #EFEDFB;
  --r6-mist: #9295AB;
  --r6-spark: #FFC266;
  --r6-danger: #E5484D;
  --r6-danger-text: #FF8A8E;
  --r6-danger-soft: rgba(229, 72, 77, .16);
  --r6-answer-a: #FF7A70;
  --r6-answer-b: #5B8CFF;
  --r6-answer-c: #FFC266;
  --r6-answer-d: #3CCFB4;
  --r6-font-display: "Unbounded", "Noto Sans TC", "PingFang TC", "Heiti TC", "Microsoft JhengHei", system-ui, sans-serif;
  --r6-font-sans: "Noto Sans TC", "PingFang TC", "Heiti TC", "Microsoft JhengHei", system-ui, sans-serif;
  --r6-radius-card: 22px;
  --r6-radius-control: 16px;
}

/* Lockup A (die left, ROLL6 right). Size it with font-size. */
.brand-lockup-a {
  display: inline-flex;
  align-items: center;
  gap: .26em;
  color: var(--r6-pip);
  font-family: var(--r6-font-display);
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1;
  white-space: nowrap;
}

.brand-lockup-a__die {
  display: block;
  flex: none;
  width: 1em;
  height: 1em;
}

/* Digits, room codes, scores and countdowns. */
.r6-num {
  font-family: var(--r6-font-display);
  font-variant-numeric: tabular-nums;
}