:root {
	/* Palette */
	--c-red: #DC2626;
	--c-red-600: #C81E1E;
	--c-red-700: #B11717;
	--c-red-50: #FEF2F2;
	--c-bg: #FFFFFF;
	--c-bg-soft: #F6F1E7;
	--c-bg-warm: #FAF6EE;
	--c-bg-grey: #F5F5F4;
	--c-ink: #111111;
	--c-ink-2: #1F2937;
	--c-text: #2B2B2B;
	--c-muted: #6B7280;
	--c-muted-2: #9CA3AF;
	--c-border: #E5E7EB;
	--c-border-soft: #EDE9DF;
	--c-footer: #1B1B1B;
	--c-footer-text: #A1A1AA;

	/* Typography */
	--font-sans: 'Inter', 'Noto Sans JP', system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;

	--fs-xs: 12px;
	--fs-sm: 14px;
	--fs-base: 16px;
	--fs-md: 18px;
	--fs-lg: 20px;
	--fs-xl: 24px;
	--fs-2xl: 32px;
	--fs-3xl: 40px;
	--fs-4xl: 52px;
	--fs-5xl: 64px;

	/* Layout */
	--container: 1200px;
	--container-wide: 1320px;
	--container-narrow: 880px;

	--radius-sm: 8px;
	--radius: 14px;
	--radius-lg: 20px;
	--radius-pill: 999px;

	--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 1px rgba(15, 23, 42, .04);
	--shadow:    0 8px 24px rgba(15, 23, 42, .07), 0 2px 4px rgba(15, 23, 42, .04);
	--shadow-lg: 0 18px 40px rgba(15, 23, 42, .12);

	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 24px;
	--space-6: 32px;
	--space-7: 48px;
	--space-8: 64px;
	--space-9: 80px;
	--space-10: 96px;

	--ease: cubic-bezier(.2, .8, .2, 1);
	--dur: 200ms;

	--header-h: 76px;
}