/* ⚠️ 自動生成ファイル。直接編集しないこと。
   正は app/src/design/tokens.json。直したら `npm run tokens` を実行する。
   生成元: tools/build_design_tokens.mjs */

/* 表示は常にライト固定。アプリ本体（MUI）がライト固定なので、
   ここだけOSのダークモードに追従すると、暗い背景に白いカードが乗って割れる。 */
:root {
  color-scheme: light;

  /* color — 墨1色＋不透明度4段。数値は note.com の実測値（調査 02_note調査 §1） */
  --ink: #08131A;
  --ink-2: rgba(8, 19, 26, 0.66);
  --ink-3: rgba(8, 19, 26, 0.50);
  --line: rgba(8, 19, 26, 0.14);
  --line-strong: rgba(8, 19, 26, 0.28);
  --paper: #FFFFFF;
  --paper-sub: #F5F8FA;
  --app-bg: #F7F8FA;
  --brand: #4255FF;
  --brand-strong: #2C3AD6;
  --brand-tint: #EEF0FF;
  --ok: #357B5C;
  --warn: #B1503F;
  --caution: #8A6420;
  --secondary: #8A6420;

  /* qual — 資格ごとの識別色。『選ぶ面』（トップの資格タイル・索引）だけで使う。読む面・触る面では使わない。Quizletの科目カテゴリ色の実測値（意思決定ログ 項目169） */
  --qual-1: #DBDFFF;
  --qual-2: #F7D9FF;
  --qual-3: #FFE8D8;
  --qual-4: #FFDC62;
  --qual-5: #C7F7E6;
  --qual-6: #CBF1FF;

  /* type — 本文18px・行間2.0・幅620pxは note.com の実測値。読む面ではWebフォントを使わない */
  --family-read: "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "Noto Sans JP", system-ui, sans-serif;
  --family-ui: "Roboto", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif;
  --family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Noto Sans Mono", monospace;
  --size-read: 18px;
  --leading-read: 2;
  --size-base: 16px;
  --leading-base: 1.7;
  --size-small: 14px;
  --measure: 620px;
  --tracking-head: 0.04em;

  /* layout — レイアウトの幅（px・数値で持つ）。面ごとの本体カラム最大幅と、デスクトップ常設ナビレールの幅。Issue #53 の設計コメントが正：読む面は行長35〜45字を守るため『広げず』、余った幅は列を増やすか別の役に使う */
  --layout-width-read: 640px;
  --layout-width-app: 880px;
  --layout-width-wide: 1200px;
  --layout-rail: 240px;

  /* space — 本文1文字ぶん(18px)の倍数だけを使う。noteは 18/36/54/72 しか使っていなかった */
  --space-1: 18px;
  --space-2: 36px;
  --space-3: 54px;
  --space-4: 72px;
  --space-half: 9px;

  /* shape — 角丸は控えめ。丸みが大きいと角の内側が使えず、文章を書ける幅が削られる */
  --radius: 6px;
  --radius-pill: 9999px;
}