:root {
	--ff-font-sans: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--ff-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;

	--ff-bg-page: #f4f6f8;
	--ff-bg-surface: #ffffff;
	--ff-bg-surface-alt: #f8fafc;
	--ff-bg-navy: #07111f;
	--ff-bg-green-soft: #eef8f1;
	--ff-bg-blue-soft: #eff6ff;
	--ff-bg-amber-soft: #fff7e6;
	--ff-bg-danger-soft: #fff5f5;

	--ff-text-primary: #111827;
	--ff-text-secondary: #4b5563;
	--ff-text-muted: #6b7280;
	--ff-text-inverse: #ffffff;

	--ff-border-default: #e5e7eb;
	--ff-border-strong: #d1d5db;

	--ff-action-primary: #0b1220;
	--ff-action-guide: #2563eb;
	--ff-action-guide-hover: #1d4ed8;
	--ff-action-safe: #16a34a;
	--ff-action-warning: #f59e0b;
	--ff-action-danger: #dc2626;

	--ff-radius-xs: 4px;
	--ff-radius-sm: 6px;
	--ff-radius-md: 8px;
	--ff-radius-pill: 999px;

	--ff-space-1: 4px;
	--ff-space-2: 8px;
	--ff-space-3: 12px;
	--ff-space-4: 16px;
	--ff-space-5: 20px;
	--ff-space-6: 24px;
	--ff-space-8: 32px;
	--ff-space-10: 40px;
	--ff-space-12: 48px;
	--ff-space-16: 64px;

	--ff-container: 1200px;
	--ff-container-narrow: 760px;
	--ff-sidebar: 320px;
	--ff-header-height: 72px;

	--ff-shadow-card: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .08);
	--ff-shadow-feature: 0 12px 28px rgba(15, 23, 42, .16);
	--ff-shadow-floating: 0 18px 40px rgba(15, 23, 42, .18);
	--ff-focus-ring: 0 0 0 3px rgba(37, 99, 235, .25);
	--ff-transition: 160ms ease;
}