:root {
	--font-family-ja: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
	--font-family-en: "Afacad", "Helvetica Neue", Arial, sans-serif;

	--color-primary: #86bc25;
	--color-primary-dark: #5cb702;
	--color-accent-teal: #0099aa;
	--color-hero-text: #242938;
	--gradient-brand: linear-gradient(105.013deg, #80c700 6.023%, #0099aa 103.26%);
	--gradient-hero-title: linear-gradient(141.847deg, #80c700 6.023%, #0099aa 103.26%);
	--background-hero-base:
		radial-gradient(circle at 10% 24%, rgb(255 255 255 / 22%) 0 1.5px, transparent 2px) 0 0 / 12px 12px,
		linear-gradient(106deg, #aeea00 0%, #58ce4e 49%, var(--color-accent-teal) 100%);
	--color-accent-blue: #22a1f6;
	--color-text-primary: #000000;
	--color-text-heading: #111827;
	--color-text-body: #333333;
	--color-text-secondary: #6b7280;
	--color-text-tertiary: #9ca3af;
	--color-text-disabled: #bababa;
	--color-text-inverse: #ffffff;
	--color-bg-white: #ffffff;
	--color-bg-gray-50: #f9fafb;
	--color-bg-gray-100: #f3f4f6;
	--color-bg-green-50: #f0fdf4;
	--color-bg-green-100: #e2f0e1;
	--color-bg-yellow-50: #fff5d0;
	--color-bg-blue-50: #f2f8fe;
	--color-bg-dark: #252525;
	--color-border-light: #e5e7eb;
	--color-border-default: #d9d9d9;
	--color-border-dark: #9ca3af;
	--color-border-accent: #86bc25;

	--spacing-xs: 4px;
	--spacing-sm: 8px;
	--spacing-md: 16px;
	--spacing-lg: 24px;
	--spacing-xl: 32px;
	--spacing-2xl: 40px;
	--spacing-3xl: 48px;
	--spacing-4xl: 64px;
	--spacing-5xl: 80px;
	--spacing-6xl: 100px;
	--spacing-7xl: 120px;

	--radius-none: 0;
	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-lg: 12px;
	--radius-xl: 16px;
	--radius-2xl: 24px;
	--radius-full: 9999px;

	--font-size-heading-1: 48px;
	--font-size-heading-2: 40px;
	--font-size-heading-3: 32px;
	--font-size-heading-4: 24px;
	--font-size-heading-5: 20px;
	--font-size-body-lg: 18px;
	--font-size-body-md: 16px;
	--font-size-body-sm: 15px;
	--font-size-body-xs: 14px;
	--font-size-caption-lg: 13px;
	--font-size-caption-md: 12px;
	--font-size-caption-sm: 11px;
	--font-size-caption-xs: 10px;

	--container-content: 1200px;
	--container-wide: 1392px;
	--focus-ring: 3px solid var(--color-accent-blue);
}