/* ============================================================
   インプラント管理システム 専用トークン（ねこ日和）

   ■ このファイルの立場
   tokens.css は shared/ からの @generated であり、書き換えてはいけない。
   ここは「インプラント管理システムだけの見た目」を、共通トークンを
   上書きする形で持つ場所。tokens.css の後に読み込むこと。

   ■ 上書きするもの／しないもの
   上書きする : 地の色・面の色・文字色・境界線・主要操作色・書体・角丸
   上書きしない: 状態色（--state-*）
       状態色は「入力待ち／到着待ち／要確認／到着済み」という
       医療上の意味を運んでおり、3アプリで同じ見た目である必要がある
       （松田歯科OS P7）。可愛くするために意味の色は動かさない。

   ■ コントラスト（WCAG AA、実測値）
     本文     #2e2620 / #fdf6ec = 13.84
     見出し   #4a2f22 / #fdf6ec = 11.37
     補助     #6f5f52 / #fdf6ec =  5.70
     ラベル   #7a6a5b / #fdf6ec =  4.84
     主要操作 #ad5334 / #fdf6ec =  4.82 ／ 白文字 on #ad5334 = 5.17
   ============================================================ */

:root {
  /* --- 地と面 --- */
  --color-canvas: #fdf6ec; /* 生成り。画面全体 */
  --color-surface: #ffffff; /* カードは白のまま。情報の読みやすさを優先 */
  --color-surface-sunken: #fbf3e8;

  /* --- 文字 --- */
  --color-ink: #2e2620;
  --color-ink-strong: #4a2f22;
  --color-ink-muted: #6f5f52;
  --color-ink-subtle: #7a6a5b;

  /* --- 境界線 --- */
  --color-border: #ecdfd0;
  --color-border-strong: #dcc8b3;

  /* --- 主要操作（テラコッタ） --- */
  --color-primary: #ad5334;
  --color-primary-active: #8f3f26;
  --color-primary-soft: #fdeee9;
  --color-primary-softer: #fdf4f0;

  /* --- 書体 ---
     丸ゴシック。可愛らしさは色や飾りより、まず文字の形で出す。
     サブセット同梱のためオフラインでも同じ見た目になる。 */
  --font-family: "Zen Maru Gothic", -apple-system, BlinkMacSystemFont,
    "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;

  /* --- 角丸（共通より一段丸く） --- */
  --radius-sm: 0.625rem; /* 10px */
  --radius-md: 0.875rem; /* 14px */
  --radius-lg: 1.25rem; /*  20px */
  --radius-xl: 1.5rem; /*   24px */

  /* --- 影（茶色寄りにして生成りの地から浮かせすぎない） --- */
  --shadow-sm: 0 1px 2px rgba(74, 47, 34, 0.06);
  --shadow-md: 0 2px 10px rgba(74, 47, 34, 0.08);
  --shadow-lg: 0 16px 40px rgba(74, 47, 34, 0.2);
  --shadow-focus: 0 0 0 3px rgba(173, 83, 52, 0.4);

  /* ==========================================================
     ここから下は、このアプリだけの追加トークン（--cat-*）。
     共通トークンと名前が衝突しないよう接頭辞を付ける。
     ========================================================== */

  --cat-hero-bg: #fff9f0; /* ヒーロー帯の面 */
  --cat-bubble-bg: #fdf1e6; /* 吹き出しの中 */
  --cat-honey: #f0b429; /* さし色。数字や強調のみ */
  --cat-paw: #e8b4a0; /* 肉球のピンク。飾り専用 */

  /* 症例カードの表情バッジ。
     小さくすると表情が読み取れず、猫がいる意味がなくなる。
     画面幅に追従させ、狭い端末でもカードを圧迫しない範囲で大きく取る。 */
  --cat-face-size: clamp(4.5rem, 5.5vw, 6rem);
  --cat-hero-h: clamp(8rem, 14vw, 11.5rem); /* ヒーローの猫の高さ */
}