/**
 * toE（社員向けモバイル）— EKO 勤怠日報 v0.1 テイスト
 * 正: 営業/顧客/…/試作/v0.0.11/toe.html（最先端）
 * 明モノトーン · LINE Seed JP · 大時計 · スライド確定 · ピル CTA · チャットシェル
 * 業種非依存の部品カタログ用。固有名詞なし。
 * as_of: 2026-07-15
 */

:root,
[data-theme="toe"] {
  --ink: #1d1d1f;
  --sub: #6e6e73;
  --faint: #86868b;
  --line: #d2d2d7;
  --line2: #e8e8ed;
  --bg: #f5f5f7;
  --card: #ffffff;
  --fill: #f0f0f2;
  --chrome: #e8e8ed; /* 外側（デスクトップ） */

  --ok: #1d1d1f;
  --ok-soft: #e8f8ef;
  --ok-ink: #1a7f4b;
  --warn-bg: #fff8e8;
  --warn-ink: #6b5420;
  --warn-bar: #c99714;
  --danger: #b42318;
  --danger-soft: #fdecec;
  --danger-ink: #b42318;
  --info-soft: #eef3fb;
  --info-ink: #3d5a80;
  --sched: #4a90d9; /* 予定由来の差し色のみ */
  --sched-border: #c8d6f0;

  /* aliases（プレビュー・旧クラス互換） */
  --fg: var(--ink);
  --dim: var(--sub);
  --muted: var(--faint);
  --on-accent: #ffffff;
  --accent: var(--ink);
  --accent-soft: var(--fill);

  --soft-green: var(--ok-soft);
  --soft-green-ink: var(--ok-ink);
  --soft-amber: var(--warn-bg);
  --soft-amber-ink: var(--warn-ink);
  --soft-rose: var(--danger-soft);
  --soft-rose-ink: var(--danger-ink);
  --soft-blue: var(--info-soft);
  --soft-blue-ink: var(--info-ink);
  --soft-mist: var(--fill);
  --soft-mist-ink: var(--sub);

  /* AI / 社内 LLM — 派手な紫面にしない。薄い面 + ラベルで区別 */
  --ai-surface: #f3f4f8;
  --ai-surface-2: #eaeef6;
  --ai-border: #d5dbe8;
  --ai-ink: var(--ink);
  --ai-label-bg: var(--fill);
  --ai-label-ink: var(--sub);
  --ai-user-bubble: var(--fill);
  --ai-bot-bubble: var(--card);
  --ai-composer-bg: rgba(245, 245, 247, 0.94);
  --ai-send: var(--ink);
  --ai-send-on: #000;

  /* chart（ライト） */
  --chart-grid: rgba(0, 0, 0, 0.06);
  --chart-series-1: #1d1d1f;
  --chart-series-2: #6e6e73;
  --chart-series-3: #4a90d9;
  --chart-series-4: #c99714;
  --chart-series-5: #b42318;

  /* radius */
  --r: 16px;
  --r-sm: 12px;
  --r-xs: 10px;
  --r-pill: 999px;
  --r-shell: 28px;

  /* type — Gen Interface JP（gen.typesetting.jp） */
  --font: "Gen Interface JP", -apple-system, BlinkMacSystemFont, "SF Pro Text",
    "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
  --fs: 17px;
  --fs-clock: 56px;
  --fs-title: 28px;
  --fs-title-sm: 18px;
  --fs-greet: 22px;
  --fs-kpi: 28px;
  --fs-btn: 17px;
  --fs-input: 17px;
  --fs-label: 13px;
  --fs-caption: 12px;
  --tracking-label: 0.06em;
  --tracking-title: -0.03em;

  /* shell */
  --app-max: 430px;
  --app-h-desktop: 860px;
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);
  --tap: 44px;

  /* effects */
  --blur-bar: 16px;
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-shell: 0 0 0 1px rgba(0, 0, 0, 0.04),
    0 20px 60px rgba(0, 0, 0, 0.08);
  --shadow-float: 0 8px 24px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-sheet: 0 -8px 40px rgba(0, 0, 0, 0.18);
  --focus-ring: 0 0 0 3px rgba(29, 29, 31, 0.08);
  --hover-ease: 0.15s ease;
}