/* ============================================================
   base.css — 安全なグローバル基盤
   既存ページのレイアウトを壊さない範囲の最小限に留める。
   ブランドのタイポグラフィ/配色は原則コンポーネント側（da-c-*）で適用する。
   ============================================================ */

*, *::before, *::after {
	box-sizing: border-box;
}

/* 画像・メディアのはみ出し防止（レスポンシブ） */
img, svg, video, canvas, iframe {
	max-width: 100%;
	height: auto;
}

/* アンカーの滑らかスクロール（reduced-motion で無効化） */
html {
	scroll-behavior: smooth;
}

/* フォーカスの可視化（アクセシビリティ / WCAG） */
:focus-visible {
	outline: 2px solid var(--da-primary-500);
	outline-offset: 2px;
}

/* 選択範囲のブランド化 */
::selection {
	background: var(--da-primary-100);
	color: var(--da-text-strong);
}

/* リンクの色遷移だけ滑らかに（色自体は各所で指定） */
a {
	transition: color var(--da-dur-fast) var(--da-ease-standard);
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
}