/* factory-ui — tokens.css: 色・書体・寸法トークン。値は TAPE FACTORY web CSS の直値そのまま(TF が正)。
   アプリ側はこのトークンを参照し、同じ色の直値を書かない。直すときは全機種同時。 */
:root {
  --f-font-ui: 'Barlow Semi Condensed', 'Hiragino Sans', 'Noto Sans JP', sans-serif;
  --f-font-mono: 'Share Tech Mono', monospace;
  --f-deck-image: radial-gradient(rgba(255,255,255,0.10) 0.5px, transparent 0.6px), radial-gradient(rgba(0,0,0,0.55) 0.5px, transparent 0.6px), radial-gradient(rgba(255,255,255,0.05) 0.5px, transparent 0.6px), linear-gradient(180deg, #303235 0%, #26282b 7%, #1e2022 55%, #17181a 94%, #0e0f10 100%);
  --f-deck-size: 3px 3px, 4px 4px, 7px 7px, 100% 100%;
  --f-deck-pos: 0 0, 1px 2px, 3px 1px, 0 0;
  --f-deck-shadow: inset 0 1px 0 rgba(255,255,255,0.16), inset 0 -2px 3px rgba(0,0,0,0.26), 0 26px 50px rgba(0,0,0,0.6), 0 2px 0 rgba(0,0,0,0.5);
  --f-vfd-bg: linear-gradient(180deg, #121316 0%, #08090a 100%);
  --f-vfd-shadow: inset 0 2px 7px rgba(0,0,0,0.95), inset 0 0 0 1px rgba(255,255,255,0.06), 0 1px 0 rgba(255,255,255,0.12);
  --f-list-bg: linear-gradient(180deg, #121316, #0a0b0c);
  --f-list-shadow: inset 0 2px 7px rgba(0,0,0,0.95), inset 0 0 0 1px rgba(255,255,255,0.06), 0 1px 0 rgba(255,255,255,0.6);
  --f-bay-bg: linear-gradient(180deg, #3a3d42 0%, #262a2e 5%, #1b1e22 55%, #0f1113 100%);
  --f-bay-shadow: inset 0 1px 0 rgba(255,255,255,0.18), inset 0 -2px 4px rgba(0,0,0,0.65);
  --f-input-shadow: inset 0 2px 5px rgba(0,0,0,0.9), 0 1px 0 rgba(255,255,255,0.12);
  --f-btn-bg: linear-gradient(180deg, #34363a, #1e2022);
  --f-btn-shadow: 0 3px 0 rgba(0,0,0,0.26), inset 0 1px 0 rgba(255,255,255,0.16);
  --f-amber-glow: rgba(255,150,40,0.7);
  --f-amber-glow-txt: rgba(255,150,40,0.6);
  --f-amber-glow-soft: rgba(255,150,40,0.5);
  --f-amber-fill: rgba(255,176,74,0.9);
  --f-vhr: rgba(255,176,74,0.16);
  --f-green-glow: rgba(99,224,138,0.9);
  --f-red-glow: rgba(255,47,34,0.95);
  --f-line: rgba(255,255,255,0.07);
  --f-line-faint: rgba(255,255,255,0.045);
  --f-deck-bg: #1b1c1e;
  --f-input-bg: #0c0d0e;
  --f-amber: #ffb04a;
  --f-amber-mid: #c98a3c;
  --f-amber-lo: #9a6a28;
  --f-amber-dk: #8a5f24;
  --f-time: #a8a093;
  --f-green: #63e08a;
  --f-red: #ff2f22;
  --f-red-txt: #ff6a4a;
  --f-err: #ff5a3c;
  --f-text-hi: #f4f1ea;
  --f-text-mid: #d2cdc4;
  --f-text-body: #e6ddcb;
  --f-text-lo: #8d8880;
  --f-text-lab: #bab5ac;
  --f-text-dim: #7b8085;
  --f-text-dark: #4d4a44;
  --f-text-darker: #55523d;
  --f-text-del: #7a6f64;
  --f-placeholder: #6b6b6b;
  --f-font-osd: 'PixelMplus10', monospace;   /* GBA と同じ OSD 書体(VIDEO FACTORY のモニタ) */
  --f-deck-w: 1100px;        /* 筐体幅 */
  --f-margin-x: 60px;        /* 筐体左右の影用マージン(desktop) */
  --f-margin-top: 16px;
  --f-margin-bottom: 92px;   /* 影 0 26px 50px の落ち分。影を変えるアプリは上書き */
}