/* tokens.css — single source of truth for theme tokens.
 *
 * Each shadow root in the app inherits these via the `:root` selector. Don't
 * declare colour or font tokens at component level; declare them here so
 * dark/light mode and CJK font fallback can be adjusted in one place.
 */

:root {
  /* Backgrounds */
  --rm-bg:             #0e1116;
  --rm-fg:             #e6e9ef;
  --rm-surface:        #161b22;
  --rm-surface-hover:  #1f262f;

  /* Text accents */
  --rm-muted:          #98a0aa;
  --rm-border:         #2a313a;

  /* Brand */
  --rm-accent:         #ffb454;
  --rm-success:        #4ec07c;
  --rm-error:          #ff6b6b;

  /* Typography
   *
   * CJK note: pinyin tone marks (āáǎà...) and simplified-Chinese characters
   * render reliably only when a CJK font is in the fallback chain. Keep
   * Noto Sans CJK SC and TC after the Latin sans so the browser falls back
   * for codepoints the primary font lacks. Don't override at component level.
   */
  --rm-font:
    "Inter", "Helvetica Neue", "Helvetica", "Arial",
    "Noto Sans CJK SC", "Noto Sans CJK TC",
    "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "WenQuanYi Micro Hei",
    sans-serif;
}