/* デザイントークン（SPEC 11章・design/halo-hud.css 由来）
   - 色・書体・寸法はここだけで定義する。部品は halo-hud.css（design/ の写し）とアプリ固有の app.css
   - グレード色は凍結のため定義しない（SPEC 11章）
   - ロック中はサーバー側で <html data-lock="on"> を付け 赤系に切り替える（点滅させない） */

:root {
  /* Color */
  --ground: #EBF1F7;
  --ground-hi: #F8FBFE;
  --glass: rgba(255, 255, 255, 0.58);
  --glass-hi: rgba(255, 255, 255, 0.88);
  --ink: #0A1622;
  --ink-2: #44586C;
  --ink-3: #6A7E92;
  --holo: #00A6E6;          /* 光の線・リング（装飾） */
  --holo-ink: #03699A;      /* 白地で読めるシアンの文字 */
  --holo-2: #5A55F2;        /* 第2の光（バイオレット） */
  --holo-3: #10CFC0;        /* 第3の光（アクア） */
  --line: rgba(0, 135, 196, 0.24);
  --line-hi: rgba(0, 166, 230, 0.62);
  --glow: rgba(0, 166, 230, 0.32);
  --gain: #03906A;
  --loss: #CF2F3D;
  --warn: #AE6F00;

  /* Type */
  --f-display: "Chakra Petch", "Zen Kaku Gothic New", "Hiragino Sans", system-ui, sans-serif;
  --f-body: "Zen Kaku Gothic New", "Hiragino Sans", "Noto Sans JP", "Yu Gothic", system-ui, sans-serif;
  --f-data: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  /* Scale */
  --fs-xs: 0.6875rem;
  --fs-sm: 0.8125rem;
  --fs-md: 0.9375rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 2.25rem;
  --fs-3xl: 3.25rem;
  --r: 6px;
  --gap: 14px;

  color-scheme: light;
}

/* ロック中：画面全体を赤系ホログラムに（点滅はしない） */
html[data-lock="on"] {
  --ground: #F6ECEE;
  --ground-hi: #FFF8F8;
  --holo: #E0404D;
  --holo-ink: #A31F2B;
  --holo-2: #F0703F;
  --holo-3: #F59AA2;
  --line: rgba(208, 48, 62, 0.26);
  --line-hi: rgba(224, 64, 77, 0.62);
  --glow: rgba(224, 64, 77, 0.28);
}