/* デザイントークン（docs/02_screens.md 1.2 節。mockups/index.html から切り出し）。
   白地の単一テーマ。凸(raise)=カード・操作、凹(press)=スコア・数値・入力の受け皿。 */
:root {
  --bg: #ffffff;
  --sd: #d3d7dc;
  --sl: #ffffff;
  --edge: #edeff2;
  --well: #f5f6f8;
  --fg: #1c2729;
  --muted: #586366;
  --teal: #12a19a;
  --teal-2: #0b7f86;
  --teal-ink: #0a6566;
  --on-teal: #ffffff;
  --warn: #a8521b;
  --line: #e4e7eb;
  --full: #b23a30;
  --f-display: 'Sora', 'Zen Kaku Gothic New', 'Hiragino Sans', 'Yu Gothic', sans-serif;
  --f-body: 'Zen Kaku Gothic New', 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
  --raise: 10px 10px 26px var(--sd), -6px -6px 16px var(--sl), 0 0 0 1px var(--edge);
  --raise-s: 5px 5px 14px var(--sd), -3px -3px 8px var(--sl), 0 0 0 1px var(--edge);
  --press: inset 3px 3px 8px var(--sd), inset -3px -3px 8px var(--sl);
  --r: 26px;
  --r-s: 18px;
  color-scheme: light;
}