/**
 * tokens.css — デザイントークン（変数別名のみ）
 *
 * 既存の polish.css / front.css の見た目を変えないことを最優先に、
 * 後段のユーティリティ／LP／ギャラリーが共通参照する変数だけを束ねる。
 * - 既存変数があれば再宣言で **同じ値** を維持。
 * - 新規追加した変数は Bento レイアウトの隙間・角丸など最小限。
 */

:root {
	--dm-color-bg:        #ffffff;
	--dm-color-surface:   #ffffff;
	--dm-color-surface-2: #f7f8fa;
	--dm-color-border:    #e5e7eb;
	--dm-color-text:      #1f2937;
	--dm-color-text-mute: #6b7280;
	--dm-color-accent:    #d4242b; /* WORKS ロゴ系の赤を踏襲 */
	--dm-color-accent-2:  #b71d24;

	--dm-radius-sm: 8px;
	--dm-radius-md: 14px;
	--dm-radius-lg: 20px;

	--dm-gap-1: 8px;
	--dm-gap-2: 12px;
	--dm-gap-3: 16px;
	--dm-gap-4: 24px;
	--dm-gap-5: 32px;

	--dm-shadow-card: 0 1px 2px rgba(17, 24, 39, .04), 0 6px 16px rgba(17, 24, 39, .06);
}