/* ==================================================================
   app-tokens.css — frecord（シルベ / SHIRUBE）が追加するトークン

   vendor/sakuolia/tokens.css の値は一切上書きしない。
   ここでは「デザインシステムに無いが、このアプリに必要な値」だけを
   追加する（docs/06-design-application.md §3）。
   読み込み順: tokens.css → components.css → app-tokens.css → app.css
   ================================================================== */

:root {
  /* データ面のコンテナ幅。読み物面（オンボーディング・ヘルプ・利用規約）は
     --container（1040px）のまま守る（G-20） */
  --app-container: 1440px;

  /* アプリ特有の寸法 */
  --tab-bar-h: 56px;
  --app-header-h: 52px;
  --tap-min: 44px;
  --side-nav-w: 232px;

  /* 状態色（セマンティック層の上に一枚だけ足す） */
  --state-warning: var(--yakikomi);
  --state-ok: var(--hagane);

  /* z-index の段階（デザインシステムの段階に従う） */
  --z-base: 0;
  --z-sticky: 100;
  --z-overlay: 900;
  --z-modal: 1000;
}