/* ============================================================================
   smb-chan.dev — Quiet Minimal skin v1 (Level 1 / vite manifest injection)
   実体の管理は D:\Dev Qnap\misskey\branding\ (README-branding.md の対応表)。
   ファイル名の -v1 がキャッシュキー。内容を変えるときは v2 にして
   patch-skin.mjs の SKIN_FILE を更新すること (immutable 30日キャッシュ)。

   プロビナンス: [M3]=公式トークン (01_foundations_and_tokens.yaml /
   material-color-utilities), [DD]=Design Decision
   ========================================================================== */

/* [M3] Roboto Flex = 公式推奨バリアブルフォント
   [DD] Zen Kaku Gothic New = 和文コンパニオン (幾何ゴシック) */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,400..700&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap');

html, body {
	/* [DD] フォントスタック。!important はクライアント設定のinline指定への対処 */
	font-family: 'Roboto Flex', 'Zen Kaku Gothic New', system-ui, sans-serif !important;
	letter-spacing: 0.01em;             /* [DD] 和文混在UIの微トラッキング */
	font-variant-numeric: tabular-nums; /* [DD] タイムスタンプ・カウンタの桁揃え */
	-webkit-font-smoothing: antialiased;
}

/* [M3] corner_radius_scale 'small' = 8dp (公式トークン値)
   [DD] Misskeyの単一ノブ --MI-radius への割当 (デフォルト12px)。
   ピル(999px)・モーダル(16/24px)はMisskey側のまま = Shape Contrast維持 */
:root {
	--MI-radius: 8px;
}

/* [M3] web_curve_conversions の公式値 (standard_effects / standard_spatial)。
   [DD] standardスキーム採用 (yaml: 高密度な画面・落ち着いた操作感)。
   宣言のみ — 消費は将来のコンポーネント改修で */
:root {
	--m3-ease-effects-fast:    cubic-bezier(0.31, 0.94, 0.34, 1.00);  /* [M3] 150ms用 */
	--m3-ease-effects-default: cubic-bezier(0.34, 0.80, 0.34, 1.00);  /* [M3] 200ms用 */
	--m3-ease-effects-slow:    cubic-bezier(0.34, 0.88, 0.34, 1.00);  /* [M3] 300ms用 */
	--m3-ease-spatial-default: cubic-bezier(0.27, 1.06, 0.18, 1.00);  /* [M3] 500ms用 */
	--m3-duration-effects-fast:    150ms;  /* [M3] */
	--m3-duration-effects-default: 200ms;  /* [M3] */
	--m3-duration-spatial-default: 500ms;  /* [M3] */
}

/* [DD] テーマのaccentに追従 (ライト/ダンク両モード) */
::selection {
	background: color-mix(in srgb, var(--MI_THEME-accent) 24%, transparent);
}

/* [M3] prefers-reduced-motion 検知時は spatial バウンスを無効化し
   effects 相当へフォールバック (yaml accessibility) — 宣言のみ */
@media (prefers-reduced-motion: reduce) {
	:root {
		--m3-ease-spatial-default: var(--m3-ease-effects-default);
		--m3-duration-spatial-default: var(--m3-duration-effects-default);
	}
}