:root {
	/* ===== カラーパレット ===== */
	--color-primary-yellow:      #FFD23F;
	--color-primary-orange:      #FF6B35;
	--color-primary-pink:        #FF6B9D;
	--color-bg-light-yellow:     rgba(255, 210, 63, 0.4);
	--color-border:              #F3F4F6;
	--color-text:                #1A1A1A;
	--color-text-muted:          #6B7280;
	--color-bg:                  #FFFFFF;
	--color-bg-gray:             #F9FAFB;

	/* ===== ヘッダー ===== */
	--header-bg:                 rgba(255, 255, 255, 0.95);
	--header-blur:               blur(12px);
	--header-border:             #FFEDD5;
	--header-height:             64px;

	/* ===== ボーダー半径 ===== */
	--radius-pill:               9999px;
	--radius-card:               16px;
	--radius-sm:                 8px;

	/* ===== シャドウ ===== */
	--shadow-card:               0 2px 12px rgba(0, 0, 0, 0.08);
	--shadow-card-hover:         0 4px 24px rgba(0, 0, 0, 0.14);

	/* ===== タイポグラフィ ===== */
	--font-sans:                 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Meiryo', sans-serif;
	--font-heading:              'Zen Maru Gothic', var(--font-sans);
	--font-size-base:            18px;
	--font-size-sm:              16px;
	--font-size-xs:              14px;
	--font-size-lg:              18px;
	--font-size-xl:              24px;
	--font-size-2xl:             32px;
	--font-size-3xl:             40px;
	--line-height-base:          1.7;
	--line-height-tight:         1.3;

	/* ===== スペーシング ===== */
	--space-xs:                  4px;
	--space-sm:                  8px;
	--space-md:                  16px;
	--space-lg:                  24px;
	--space-xl:                  40px;
	--space-2xl:                 64px;
	--space-3xl:                 96px;

	/* ===== コンテナ ===== */
	--container-max:             1200px;
	--container-padding:         16px;

	/* ===== トランジション ===== */
	--transition-base:           0.2s ease;
	--transition-slow:           0.3s ease;

	/* ===== バッジカラー ===== */
	--badge-open-bg:             #96CEB4;
	--badge-open-color:          #FFFFFF;
	--badge-coupon-bg:           var(--color-primary-orange);
	--badge-coupon-color:        #FFFFFF;
	--badge-new-bg:              var(--color-primary-pink);
	--badge-new-color:           #FFFFFF;
	--badge-ongoing-bg:          #96CEB4;
	--badge-ongoing-color:       #FFFFFF;
	--badge-upcoming-bg:         #9CA3AF;
	--badge-upcoming-color:      #FFFFFF;
	--badge-today-bg:            var(--color-primary-orange);
	--badge-today-color:         #FFFFFF;
	--badge-finished-bg:         #E5E7EB;
	--badge-finished-color:      #6B7280;
}