/* デザイントークン — caboui.com（202609 / Figma Home PC） */

@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&family=Noto+Sans+JP:wght@400;500;700&display=swap');

:root {
	/* caboui */
	--caboui-color-bg: #ffffff;
	--caboui-color-bg-subtle: #f0f0f0;
	--caboui-color-text: #111111;
	--caboui-color-text-muted: #666666;
	--caboui-color-border: #111111;
	--caboui-color-border-light: #e8e8e8;
	--caboui-color-accent: #111111;
	--caboui-color-accent-hover: #333333;
	--caboui-color-link: #111111;
	--caboui-color-link-hover: #333333;
	--caboui-color-header-bg: #ffffff;

	--caboui-space-xs: 4px;
	--caboui-space-sm: 8px;
	--caboui-space-md: 16px;
	--caboui-space-lg: 24px;
	--caboui-space-xl: 32px;
	--caboui-space-2xl: 48px;
	--caboui-space-3xl: 72px;

	--caboui-font-family-en: 'Google Sans Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--caboui-font-family-ja: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--caboui-font-family: var(--caboui-font-family-ja);
	--caboui-font-size-sm: 13px;
	--caboui-font-size-base: 15px;
	--caboui-font-size-lg: 18px;
	--caboui-font-size-xl: 22px;
	--caboui-font-size-2xl: 32px;
	--caboui-font-size-hero: clamp(2rem, 5vw, 3rem);

	--caboui-single-content-width: 680px;

	--caboui-radius-sm: 8px;
	--caboui-radius-md: 16px;
	--caboui-radius-lg: 24px;
	--caboui-radius-pill: 999px;
	--caboui-transition: 0.25s ease;

	/* mgf 互換（既存 CSS 参照用 — caboui 値にマップ） */
	--mgf-color-bg: var(--caboui-color-bg);
	--mgf-color-surface: var(--caboui-color-bg);
	--mgf-color-text: var(--caboui-color-text);
	--mgf-color-text-muted: var(--caboui-color-text-muted);
	--mgf-color-border: var(--caboui-color-border);
	--mgf-color-accent: var(--caboui-color-accent);
	--mgf-color-accent-hover: var(--caboui-color-accent-hover);
	--mgf-color-link: var(--caboui-color-link);
	--mgf-color-header-bg: var(--caboui-color-header-bg);

	--mgf-space-xs: var(--caboui-space-xs);
	--mgf-space-sm: var(--caboui-space-sm);
	--mgf-space-md: var(--caboui-space-md);
	--mgf-space-lg: var(--caboui-space-lg);
	--mgf-space-xl: var(--caboui-space-xl);
	--mgf-space-2xl: var(--caboui-space-2xl);

	--mgf-radius-sm: var(--caboui-radius-sm);
	--mgf-radius-md: var(--caboui-radius-md);
	--mgf-radius-lg: var(--caboui-radius-sm);
	--mgf-shadow-sm: none;
	--mgf-shadow-md: none;

	--mgf-card-radius: 0;
	--mgf-card-shadow: none;
	--mgf-card-head-bg: transparent;
	--mgf-card-head-accent-width: 2px;

	--mgf-font-size-sm: var(--caboui-font-size-sm);
	--mgf-font-size-base: var(--caboui-font-size-base);
	--mgf-font-size-lg: var(--caboui-font-size-lg);
	--mgf-font-size-xl: var(--caboui-font-size-xl);

	/* 未使用（mgf 機種色 — 上書きのみ） */
	--mgf-color-sdvx: var(--caboui-color-accent);
	--mgf-color-chunithm: var(--caboui-color-accent);
	--mgf-color-taiko: var(--caboui-color-accent);
}